webpack 报 Error: Cannot find module 'tapable'

本文详细介绍了当遇到npm本地环境破坏导致Webpack包错误时的解决方案,包括强制清空npm缓存、删除本地node_modules文件夹及重新安装所有依赖库的步骤。
ERROR in ./node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.css (./node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.css.webpack[javascript/auto]!=!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.css) 5:36-77 Module not found: Error: Can't resolve './codicon.ttf' in 'E:\daima\DT\longdexunjian\front\node_modules\monaco-editor\esm\vs\base\browser\ui\codicons\codicon' @ ./node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.css @ ./node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codiconStyles.js 5:0-31 @ ./node_modules/monaco-editor/esm/vs/editor/editor.all.js 64:0-54 @ ./node_modules/monaco-editor/esm/vs/editor/edcore.main.js 5:0-25 @ ./node_modules/monaco-editor/esm/vs/editor/editor.main.js 7:0-30 7:0-30 @ ./node_modules/@marsgis/editor/dist/editor.umd.js 1:78-102 @ ./src/main.js 49:14-40 ERROR in ./node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.css Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): HookWebpackError: Cannot find module './codicon.ttf' at tryRunOrWebpackError (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\HookWebpackError.js:86:9) at __webpack_require_module__ (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5464:12) at __webpack_require__ (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5411:18) at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5498:20 at symbolIterator (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3485:9) at done (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3527:9) at Hook.eval [as callAsync] (eval at create (E:\daima\DT\longdexunjian\front\node_modules\webpack\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:15:1) at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5386:43 at symbolIterator (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3482:9) at timesSync (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:2297:7) at Object.eachLimit (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3463:5) at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5348:16 at symbolIterator (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3485:9) at done (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3527:9) at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5262:8 at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:3680:5 at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Cache.js:99:5 at Hook.eval [as callAsync] (eval at create (E:\daima\DT\longdexunjian\front\node_modules\webpack\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1) at Cache.get (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Cache.js:81:18) at ItemCacheFacade.get (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\CacheFacade.js:116:15) at Compilation._codeGenerationModule (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:3644:9) at codeGen (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5250:11) at symbolIterator (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3482:9) at timesSync (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:2297:7) at Object.eachLimit (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3463:5) at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5316:15 at symbolIterator (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3485:9) at timesSync (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:2297:7) at Object.eachLimit (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3463:5) at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5280:14 at processQueue (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\util\processAsyncTree.js:61:4) at process.processTicksAndRejections (node:internal/process/task_queues:85:11) -- inner error -- Error: Cannot find module './codicon.ttf' at webpackMissingModule (E:\daima\DT\longdexunjian\front\node_modules\css-loader\dist\cjs.js??clonedRuleSet-14.use[1]!E:\daima\DT\longdexunjian\front\node_modules\postcss-loader\dist\cjs.js??clonedRuleSet-14.use[2]!E:\daima\DT\longdexunjian\front\node_modules\monaco-editor\esm\vs\base\browser\ui\codicons\codicon\codicon.css:12:113) at Module.<anonymous> (E:\daima\DT\longdexunjian\front\node_modules\css-loader\dist\cjs.js??clonedRuleSet-14.use[1]!E:\daima\DT\longdexunjian\front\node_modules\postcss-loader\dist\cjs.js??clonedRuleSet-14.use[2]!E:\daima\DT\longdexunjian\front\node_modules\monaco-editor\esm\vs\base\browser\ui\codicons\codicon\codicon.css:12:201) at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\javascript\JavascriptModulesPlugin.js:518:10 at Hook.eval [as call] (eval at create (E:\daima\DT\longdexunjian\front\node_modules\webpack\node_modules\tapable\lib\HookCodeFactory.js:19:10), <anonymous>:7:1) at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5466:39 at tryRunOrWebpackError (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\HookWebpackError.js:81:7) at __webpack_require_module__ (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5464:12) at __webpack_require__ (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5411:18) at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5498:20 at symbolIterator (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3485:9) at done (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3527:9) at Hook.eval [as callAsync] (eval at create (E:\daima\DT\longdexunjian\front\node_modules\webpack\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:15:1) at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5386:43 at symbolIterator (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3482:9) at timesSync (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:2297:7) at Object.eachLimit (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3463:5) at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5348:16 at symbolIterator (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3485:9) at done (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3527:9) at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5262:8 at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:3680:5 at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Cache.js:99:5 at Hook.eval [as callAsync] (eval at create (E:\daima\DT\longdexunjian\front\node_modules\webpack\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1) at Cache.get (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Cache.js:81:18) at ItemCacheFacade.get (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\CacheFacade.js:116:15) at Compilation._codeGenerationModule (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:3644:9) at codeGen (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5250:11) at symbolIterator (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3482:9) at timesSync (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:2297:7) at Object.eachLimit (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3463:5) at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5316:15 at symbolIterator (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3485:9) at timesSync (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:2297:7) at Object.eachLimit (E:\daima\DT\longdexunjian\front\node_modules\neo-async\async.js:3463:5) at E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\Compilation.js:5280:14 at processQueue (E:\daima\DT\longdexunjian\front\node_modules\webpack\lib\util\processAsyncTree.js:61:4) at process.processTicksAndRejections (node:internal/process/task_queues:85:11) Generated code for E:\daima\DT\longdexunjian\front\node_modules\css-loader\dist\cjs.js??clonedRuleSet-14.use[1]!E:\daima\DT\longdexunjian\front\node_modules\postcss-loader\dist\cjs.js??clonedRuleSet-14.use[2]!E:\daima\DT\longdexunjian\front\node_modules\monaco-editor\esm\vs\base\browser\ui\codicons\codicon\codicon.css 1 | __webpack_require__.r(__webpack_exports__); 2 | /* harmony import */ var _css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../css-loader/dist/runtime/noSourceMaps.js */ "E:\\daima\\DT\\longdexunjian\\front\\node_modules\\css-loader\\dist\\runtime\\noSourceMaps.js"); 3 | /* harmony import */ var _css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); 4 | /* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../css-loader/dist/runtime/api.js */ "E:\\daima\\DT\\longdexunjian\\front\\node_modules\\css-loader\\dist\\runtime\\api.js"); 5 | /* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); 6 | /* harmony import */ var _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../../css-loader/dist/runtime/getUrl.js */ "E:\\daima\\DT\\longdexunjian\\front\\node_modules\\css-loader\\dist\\runtime\\getUrl.js"); 7 | /* harmony import */ var _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__); 8 | // Imports 9 | 10 | 11 | 12 | var ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ Object(function webpackMissingModule() { var e = new Error("Cannot find module './codicon.ttf'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()), __webpack_require__.b); 13 | var ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); 14 | var ___CSS_LOADER_URL_REPLACEMENT_0___ = _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___); 15 | // Module 16 | ___CSS_LOADER_EXPORT___.push([module.id, "/*---------------------------------------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT License. S ee License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\n\n@font-face {\n\tfont-family: \"codicon\";\n\tfont-display: block;\n\tsrc: url(" + _ __CSS_LOADER_URL_REPLACEMENT_0___ + ") format(\"truetype\");\n}\n\n.codicon[class*='codicon-'] {\n\tfont: normal normal normal 16px/1 codicon;\n\tdisplay: inline-block;\n\ttext-decoration: none;\n\ttext-rendering: auto;\n\ttext-align: center;\n \ttext-transform: none;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\t-moz-user-select: none;\n\t -ms-user-select: none;\n\t user-select: none;\n\t-webkit-user-select: none;\n}\n\n/* icon rules are dynamically created by the platform theme service (see iconsStyleSheet.ts) */\n", ""]); 17 | // Exports 18 | /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___); 19 | @ ./node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codiconStyles.js 5:0-31 @ ./node_modules/monaco-editor/esm/vs/editor/editor.all.js 64:0-54 @ ./node_modules/monaco-editor/esm/vs/editor/edcore.main.js 5:0-25 @ ./node_modules/monaco-editor/esm/vs/editor/editor.main.js 7:0-30 7:0-30 @ ./node_modules/@marsgis/editor/dist/editor.umd.js 1:78-102 @ ./src/main.js 49:14-40 巡检业务管理平台 compiled with 2 errors
07-02
ong\Node.js\node.exe F:\zhigong\Node.js\node_modules\npm\bin\npm-cli.js run serve --scripts-prepend-node-path=auto npm warn Unknown cli config "--scripts-prepend-node-path". This will stop working in the next major version of npm. > client_home@0.1.0 serve > vue-cli-service serve INFO Starting development server... ERROR TypeError: Cannot read properties of undefined (reading 'tapAsync') TypeError: Cannot read properties of undefined (reading 'tapAsync') at F:\zhigong\CS733540_20220327114826\server\node_modules\html-webpack-plugin\index.js:281:43 at SyncHook.eval [as call] (eval at create (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\tapable@1.1.3\node_modules\tapable\lib\HookCodeFactory.js:19 :10), <anonymous>:7:1) at SyncHook.lazyCompileHook (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\tapable@1.1.3\node_modules\tapable\lib\Hook.js:154:20) at Compiler.newCompilation (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\webpack@4.47.0\node_modules\webpack\lib\Compiler.js:630:30) at F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\webpack@4.47.0\node_modules\webpack\lib\Compiler.js:667:29 at AsyncSeriesHook.eval [as callAsync] (eval at create (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\tapable@1.1.3\node_modules\tapable\lib\HookCodeF actory.js:33:10), <anonymous>:6:1) at AsyncSeriesHook.lazyCompileHook (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\tapable@1.1.3\node_modules\tapable\lib\Hook.js:154:20) at Compiler.compile (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\webpack@4.47.0\node_modules\webpack\lib\Compiler.js:662:28) at F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\webpack@4.47.0\node_modules\webpack\lib\Watching.js:77:18 at AsyncSeriesHook.eval [as callAsync] (eval at create (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\tapable@1.1.3\node_modules\tapable\lib\HookCodeF actory.js:33:10), <anonymous>:24:1) at AsyncSeriesHook.lazyCompileHook (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\tapable@1.1.3\node_modules\tapable\lib\Hook.js:154:20) at Watching._go (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\webpack@4.47.0\node_modules\webpack\lib\Watching.js:41:32) at F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\webpack@4.47.0\node_modules\webpack\lib\Watching.js:33:9 at Compiler.readRecords (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\webpack@4.47.0\node_modules\webpack\lib\Compiler.js:529:11) at new Watching (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\webpack@4.47.0\node_modules\webpack\lib\Watching.js:30:17) at Compiler.watch (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\webpack@4.47.0\node_modules\webpack\lib\Compiler.js:244:10) at wdm (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\webpack-dev-middleware@3.7.3\node_modules\webpack-dev-middleware\index.js:41:33) at Server.setupDevMiddleware (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\webpack-dev-server@3.11.3\node_modules\webpack-dev-server\lib\Server.js:20 7:23) at new Server (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\webpack-dev-server@3.11.3\node_modules\webpack-dev-server\lib\Server.js:118:10) at serve (F:\zhigong\CS733540_20220327114826\server\client_home\node_modules\.store\@vue+cli-service@4.5.19\node_modules\@vue\cli-service\lib\commands\serve.js:172:20) at process.processTicksAndRejections (node:internal/process/task_queues:103:5) Process finished with exit code 1
最新发布
11-21
### 回答1: 错误:无法找到模块“webpack” 这个错误通常是由于缺少webpack模块导致的。您需要使用npm安装webpack模块,可以使用以下命令: npm install webpack --save-dev 安装完成后,您应该能够成功运行您的webpack命令。 ### 回答2: 出现"error: cannot find module 'webpack'"的错误提示,意味着在当前项目中无法找到webpack模块。 webpack是一个用于打包JavaScript模块的工具,可以将多个模块打包成一个或多个bundle文件。 解决该错误的步骤如下: 1. 首先,确定你的项目中是否已经安装了webpack。可以在项目的根目录下执行以下命令查看webpack是否已经安装: ``` npm list webpack ``` 2. 如果没有安装webpack,可以通过以下命令进行安装: ``` npm install webpack --save-dev ``` 3. 如果已经安装了webpack,但仍然出现该错误,可能是由于webpack模块的安装路径没有正确地添加到项目的依赖中。可以通过以下步骤修复: - 打开项目的根目录下的package.json文件。 - 在"devDependencies"或"dependencies"字段中添加如下代码: ``` "webpack": "^<webpack版本号>" ``` 其中,"<webpack版本号>"需要替换成你想要安装的webpack版本号。 - 保存package.json文件,并重新运行npm install命令,以确保安装了所需版本的webpack。 4. 如果上述步骤无效,可以尝试全局安装webpack: ``` npm install webpack -g ``` 然后重新执行相应的webpack命令,查看是否解决了该错误。 通过以上步骤,你应该能够解决"error: cannot find module 'webpack'"的错误,并且在你的项目中成功使用webpack模块进行打包操作。 ### 回答3: 这个错误是在使用webpack时出现的,意味着无法找到名为'webpack'的模块。发生这种错误的原因可能是由于以下几个问题: 1. 未安装webpack:首先要确保已通过命令行安装了webpack。可以通过运行命令`npm install webpack --global`来全局安装webpack,或者在项目目录下运行`npm install webpack --save-dev`来将webpack作为项目的开发依赖安装。 2. webpack安装有问题:如果已经安装了webpack但仍然出现该错误,可能是由于webpack安装有问题。可以尝试重新安装webpack或者升级版本,可以通过运行`npm uninstall webpack`和`npm install webpack`来重新安装,或者通过`npm update webpack`来升级版本。 3. package.json文件中缺少webpack依赖:在项目的package.json文件中,需要确保已添加了webpack的依赖项及版本号。可以通过编辑package.json文件中的dependencies或devDependencies字段,添加"webpack": "^x.x.x"来指定使用的webpack版本。 4. webpack模块文件路径问题:如果webpack模块的文件路径有问题,也可能导致找不到模块的错误。可以尝试检查webpack模块的文件路径是否正确,可以查看webpack配置文件中的入口(entry)和出口(output)等配置项,确保指定的路径是正确的。 综上所述,当出现"error: cannot find module 'webpack'"错误时,可以尝试检查是否安装了webpack,重新安装或升级webpack,确保package.json文件中添加了webpack依赖,并检查webpack模块的文件路径是否正确。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值