关于webpack项目中报错:Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 的解决办法

最新推荐文章于 2024-05-27 16:57:21 发布
原创 最新推荐文章于 2024-05-27 16:57:21 发布 · 1.9w 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webpack #node

本文提供了一个简洁有效的解决方案来处理Webpack版本冲突的问题。首先检查项目的package.json文件，如果没有本地安装Webpack则进行安装；若已安装但版本不符，则先删除再重新安装。

查了一些资料写的步骤太复杂,以下是我自己反复测验的处理方案,产生原因是项目中有依赖的webpack的不能是全局,需要在项目中单独安装.

1.如果package.json里没有本地安装webpack. 直接本地安装:npm install webpack --save-dev

2.如过package.json里有webpack,但是不是各个版本是别人预制好的,建议删除webpack,再重新本地安装webpack

3.最后更新node_modules文件夹:npm install


npm build报错Cannot find module ‘webpack‘解决方法
邓邓子的博客
05-27 4257
提示：“奔跑吧邓邓子” 的常见问题专栏聚焦于各类技术领域常见问题的解答。涵盖操作系统（如 CentOS、Linux 等）、开发工具（如 Android Studio）、服务器软件（如 Zabbix、JumpServer、RocketMQ 等）以及远程桌面、代码克隆等多种场景。
ERROR Error: Cannot find module ‘webpack/package.json‘
郭宝的博客
01-07 8353
背景： 在通过 npm run dev 运行一个Vue项目时出现了如下报错信息 C:\Users\Administrator\WebstormProjects\memorial>npm run dev vue-admin-template@4.1.0 dev C:\Users\Administrator\WebstormProjects\memorial vue-cli-service serve INFO Starting development server… ..
Error: Cannot find module ‘webpack/lib/RuleSet‘的问题解决方法
热门推荐
daishu_shu的博客
03-28 1万+
微信小程序创建好后不能正常运行，报Error: Cannot find module ‘webpack/lib/RuleSet‘的解决方法
“Cannot find module 'webpack/lib/node/NodeTemplatePlugin”问题
huang_xiao_wei的博客
04-10 4968
转自：http://www.cnblogs.com/meij/p/5208214.html当你在windows系统的dos下执行：webpack命令时在dos下出现 “Cannot find module ‘webpack/lib/node/NodeTemplatePlugin”；解决方法是：配置环境变量，指定webpack/lib/node/NodeTemplatePlugin的准确路径；1.右键
webpack常见问题之记录（Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin）
日常笔记/总结/系列知识梳理
11-19 2158
问题： webpack项目，安装之后，在打包时，提示Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin’ 原因:在全局安装webpack引起的,运行以下命令解决： npm link webpack 备注:npm link命令，将npm 模块链接到对应的运行项目中去 相关链接： npm link的使用 本地调试 npm 模块 —— npm link ...
Webpack+babel 报错: Error:Cannot find module ‘@babel/core 解决办法
成长之路
03-21 2940
一. 问题背景 通过cmd命令添加babel cnpm install --save-dev babel cnpm install --save-dev babel-loader cnpm install --save-dev babel-core cnpm install --save-dev babel-plugin-transform-runtime cnpm install --save-dev babel-preset-es2015 cnpm install --save-dev babel-ru
npm build报错Cannot find module ‘webpack/lib/rules/BasicEffectRulePlugin‘解决方法
邓邓子的博客
05-27 1865
尝试了无数种方法，最后删除项目，重新下载源码，重新编译解决。各种操作把环境弄乱了。
使用antd-theme-webpack-plugin报错Error LessError: Cannot find module ‘antd/lib/style/themes/default.less
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
09-28 4606
文件的 362 行使用了。所以问题就定位到了这个文件，而这个文件所在的包是。的代码，当做我们的自定义插件，然后自己主动安装。，需要我们独自分离这两个包，因为我们安装的是。配置里的引用自己定义的插件，其他不需要改动。注释掉了，所以断定是这个依赖的版本有问题。文件，我们可以去全局搜索哪里使用了。插件：里面的代码直接复制。启动服务就报错了：错误如下。我的做法是自己复制一份。启动服务，就没有报错了。
Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 【Webpack错误】
hzxOnlineOk的博客
10-18 2112
当你在使用webpack过程中，碰到了如下错误： Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 分析原因：由于插件引入了，但是没有下载插件，如下： const path = require('path'); const HtmlWebpackPlugin = require('html-we
Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
weixin_40793759的博客
03-17 386
Cannot find module ‘webpack/lib/node/NodeTemplatePlugin’ 因为我npm install webpack -g和npm Install webpack --save-dev安装的都是webpack4.0.0以上的，webpack4以上将webpack-cli这个模块分离出来了所以汇报以上错误。 解决方法： npm i webpack-cli...
Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
dz45693的专栏
09-27 3203
问题： Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' at Function.Module._resolveFilename (module.js:438:15) at Function.Module._load (module.js:386:25) 1.卸载webpack并重装webpack ...
Error Cannot find module ‘webpacklibnodeNodeTemplatePlugin
黄钟飞的博客
12-01 772
webpack 打包报错Error Cannot find module ‘webpacklibnodeNodeTemplatePlugin
运行webpack报错：Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
shenshulong的博客
01-03 5019
执行webpack命令： 结果有报错提示： 这种情况是本项目中没有安装webpack，即使全局中安装了webpack，在本项目中package.json中没有，也是无法找到。 执行安装： $ npm install webpack --save-dev 之后再运行webpack: ...
Cannot find module 'webpack/lib/node/NodeTemplatePlugin”问题
gong1422425666的博客
06-30 4928
up vote down voteaccepted Node requires you to install webpack to your project. You have 2 options to solve the above: Remove global webpack and install it locally npm uni
关于webpack项目中报错:Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin‘ 的解决办法
业余前端的职业经历
08-14 2676
不知道为什么 我已经在全局中安装了 webpack 我想着 直接 在cmd中输入 webpack 就好了 但是不行 还是得本地安装 webpack webpack-cli 才可以 解决方法 npm i webpack webpack-cli -D
Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 问题原因和解决方案
weixin_30820077的博客
02-21 1277
当我配置了html-webpack-plugin 打包时报了这个错，查看了一下package.json发现没有webpack，说明使用了全局安装的webapck，导致的版本差异。 这里在本地安装webpack cnpm install --save-dev webpack 即可解决问题 --save-dev 的意思开发环境中依赖的插件，比如用来打包的webpack，会更新写入package...
vue工程启动报错，Error: Cannot find module 'webpack/lib/RuleSet'
最新发布
09-03
<think> 我们遇到的问题是：在启动Vue工程时出现错误 `Error: Cannot find module 'webpack/lib/RuleSet'` 这个错误通常是由于webpack版本问题或相关依赖缺失导致的。以下是解决步骤： 1. **检查webpack是否安装**： 确保项目中安装了webpack。如果使用的是Vue CLI创建的项目，webpack应该作为依赖被安装。可以通过以下命令检查： ```bash npm list webpack ``` 或者 ```bash yarn list webpack ``` 2. **重新安装node_modules**： 有时依赖可能没有正确安装，可以尝试删除node_modules和package-lock.json（或yarn.lock）后重新安装： ```bash rm -rf node_modules rm package-lock.json # 或 yarn.lock npm install # 或 yarn install ``` 3. **检查webpack版本**： 这个错误可能是由于webpack版本过高或过低，与当前项目中的其他依赖不兼容。特别是Vue CLI对webpack版本有要求。 - 如果是新创建的项目，确保Vue CLI版本是最新的，或者与项目模板兼容。 - 如果是老项目，可能需要检查package.json中webpack的版本。Vue CLI 4.x 通常需要webpack 4，Vue CLI 5.x 需要webpack 5。 4. **检查相关插件**： 如果项目中使用了`vue-loader`，请确保其版本与webpack兼容。例如，`vue-loader` v15以上需要webpack 4以上。 5. **全局安装的webpack与本地版本冲突**： 确保没有全局安装webpack，或者全局版本与本地版本不一致。建议在项目中安装本地webpack。 6. **更新Vue CLI**： 如果是Vue CLI创建的项目，可以尝试更新Vue CLI和相关依赖： ```bash npm update @vue/cli-service ``` 7. **手动安装缺失模块**： 如果上述方法无效，可以尝试手动安装`webpack`： ```bash npm install webpack --save-dev ``` 8. **检查其他依赖**： 可能是其他依赖引用了webpack，但版本不匹配。可以尝试更新所有依赖： ```bash npm update ``` 根据以上步骤，通常可以解决该问题。 §§相关问题§§ 1. 如何检查项目中安装的webpack版本？ 2. 如何解决Vue项目中因版本不兼容导致的webpack错误？ 3. 在Vue CLI项目中，如何指定webpack的版本？ 4. 如何修复因node_modules损坏导致的模块缺失错误？ 5. 如何升级Vue CLI到最新版本？ </think> ### Vue工程启动报错：`Error: Cannot find module 'webpack/lib/RuleSet'` 解决方案 此错误通常由 **Webpack 依赖缺失或版本冲突** 引起。以下是具体解决步骤： #### 1. **清理并重新安装依赖** ```bash # 删除依赖和锁定文件 rm -rf node_modules package-lock.json # 重新安装 npm install # 或使用 yarn yarn install ``` #### 2. **检查 Webpack 版本兼容性** ```bash npm list webpack # 查看当前版本 ``` - **Vue CLI 4.x** 需要 Webpack 4 - **Vue CLI 5.x** 需要 Webpack 5 若版本不匹配： ```bash npm install webpack@4 --save-dev # CLI 4.x 项目 npm install webpack@5 --save-dev # CLI 5.x 项目 ``` #### 3. **更新 Vue CLI 和相关插件** ```bash npm update @vue/cli-service @vue/cli-plugin-babel webpack ``` #### 4. **检查第三方插件兼容性** 若使用如 `vue-svg-loader` 等插件： ```javascript // vue.config.js chainWebpack: config => { // 确保 SVG loader 指向正确路径 config.module .rule('svg') .test(/\.svg$/) .use('vue-svg-loader') .loader('vue-svg-loader') // 而非废弃的 svg-sprite-loader } ``` #### 5. **强制清除缓存** ```bash npm cache clean --force ``` #### 6. **检查 Node.js 环境** 确保 Node.js ≥ 12（Vue CLI 5 要求）： ```bash node -v # 低于 12 时需升级 ``` > ⚠️ 若仍报错，检查 `package.json` 中是否存在 **`"webpack": "^5.0.0"` 与 `"vue-loader": "^15.0.0"`** 等冲突组合。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值