Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' at Function.Module._resolveFilen

最新推荐文章于 2025-02-06 17:46:10 发布
原创 最新推荐文章于 2025-02-06 17:46:10 发布 · 1.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webpack

本文介绍了解决Webpack中出现的“Cannot find module”错误的方法，包括卸载全局Webpack并重新在项目本地安装。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin’
at Function.Module._resolveFilename (module.js:489:15)
at Function.Module._load (module.js:439:25)
at Module.require (module.js:517:17)
at require (internal/module.js:11:18)
at Object. (D:\webpack\node_modules\html-webpack-plugin\lib\compiler.js:11:26)
at Module._compile (module.js:573:30)
at Object.Module._extensions..js (module.js:584:10)
at Module.load (module.js:507:32)
at tryModuleLoad (module.js:470:12)
at Function.Module._load (module.js:462:3)
at Module.require (module.js:517:17)
at require (internal/module.js:11:18)
at Object. (D:\webpack\node_modules\html-webpack-plugin\index.js:7:21)
at Module._compile (module.js:573:30)
at Object.Module._extensions..js (module.js:584:10)
at Module.load (module.js:507:32)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! webpacks@1.0.0 webpack: webpack --config webpack.config.js --progress --colors --display-modules
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the webpacks@1.0.0 webpack script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\wangxueting\AppData\Roaming\npm-cache_logs\2017-08-18T03_09_11_308Z-debug.log

解决方法及原因：

造成次问题的原因是全局安装了webpack，把全局的清除掉
npm uninstall -g webpack

在本地项目下安装webpack
npm install webpack
如果已经在本项目下安装了webpack,执行npm install webpack会报错，不用理会。
报错如下:（表示已经安装了webpack了）
npm ERR! path D:\webpack\node_modules\fsevents\node_modules\dashdash\node_modules
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall lstat
npm ERR! Error: EPERM: operation not permitted, lstat 'D:\webpack\node_modules\fsevents\node_modules\dashdash\node_modules'
npm ERR! { Error: EPERM: operation not permitted, lstat 'D:\webpack\node_modules\fsevents\node_modules\dashdash\node_modules'
npm ERR! stack: 'Error: EPERM: operation not permitted, lstat \'D:\\webpack\\node_modules\\fsevents\\node_modules\\dashdash\\node_modules\'',
npm ERR! errno: -4048,
npm ERR! code: 'EPERM',
npm ERR! syscall: 'lstat',
npm ERR! path: 'D:\\webpack\\node_modules\\fsevents\\node_modules\\dashdash\\node_modules' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\wangxueting\AppData\Roaming\npm-cache\_logs\2017-08-18T03_16_48_094Z-debug.log

ERROR Error: Cannot find module ‘webpack/package.json‘
郭宝的博客
01-07 8202
背景： 在通过 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… ..
npm报错Cannot find module ‘webpack‘ Require stack
邓邓子的博客
03-06 8605
Error: Cannot find module '@vue/cli-plugin-babel' Require stack: - /usr/local/node-v14.18.2-linux-x64/lib/node_modules/@vue/cli-service/lib/Service.js - /usr/local/node-v14.18.2-linux-x64/lib/node_modules/@vue/cli-service/bin/vue-cli-service.js at Func
Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
努力学习的肥宅
09-11 924
在webpack的管理输出的部分,设定HtmlWebpackPlugin部分,运行npm run build 会报错 Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 解决方法: npm install webpack npm install -D webpack-cli 接着再运行...
webpack常见问题之记录（Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin）
日常笔记/总结/系列知识梳理
11-19 2011
问题： webpack项目，安装之后，在打包时，提示Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin’ 原因:在全局安装webpack引起的,运行以下命令解决： npm link webpack 备注:npm link命令，将npm 模块链接到对应的运行项目中去 相关链接： npm link的使用 本地调试 npm 模块 —— npm link ...
Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 【Webpack错误】
hzxOnlineOk的博客
10-18 2076
当你在使用webpack过程中，碰到了如下错误： Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 分析原因：由于插件引入了，但是没有下载插件，如下： const path = require('path'); const HtmlWebpackPlugin = require('html-we
Error: Cannot find module ‘html-webpack-plugin‘
m0_64729384的博客
11-08 1581
【代码】Error: Cannot find module ‘html-webpack-plugin‘
bug Error: Cannot find module ‘vue-loader-v16/package.json‘的解决办法
weixin_40945354的博客
03-03 2390
更新，命令如下，在 https://stackoverflow.com/questions/63504594/error-cannot-find-module-vue-loader-v16-package-json 查到 cnpm i --save-dev vue-loader-v16 ivyone@ivyonedeMacBook-Pro daily-cost % cnpm install ⠦ [12/17] Installing source-map@^0.6.1[vue-loader-v16@npm
Error: Cannot find module 'util-deprecate'
游海东的技术专栏
06-01 3542
1、错误描述C:\Users\Administrator>cd cma C:\Users\Administrator\cma>webpack you.js today.js C:\Users\Administrator\node_modules\webpack-cli\bin\webpack.js:449 throw e...
Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
weixin_40793759的博客
03-17 175
Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 还是一枚小白，按照这个https://zhuanlan.zhihu.com/p/20367175做的，结果运行webpack的时候就出现这个 然后百度嗖嗖嗖出现了这个方法https://blog.csdn.net/zhjm07054115/article/details/789347...
ng serve报错 Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
langxifu的专栏
07-14 1730
上午用的旧版本cli，升级新版本，再运行ng serve就报错，@angular/Compiler-cli package war not properly installer.，如下图： 但打印ng -v版本信息，是包含这个package的，如下图： 再次运行ng  serve,报了另外的错：如下图： 原来是webpack的关系，查了好久资料，是因为全局安装webpac
Error Cannot find module ‘webpacklibnodeNodeTemplatePlugin
黄钟飞的博客
12-01 727
webpack 打包报错Error Cannot find module ‘webpacklibnodeNodeTemplatePlugin
关于webpack项目中报错:Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 的解决办法
dcxia89的博客
01-16 1万+
查了一些资料写的步骤太复杂,以下是我自己反复测验的处理方案,产生原因是项目中有依赖的webpack的不能是全局,需要在项目中单独安装. 1.如果package.json里没有本地安装webpack. 直接本地安装:npm install webpack --save-dev 2.如过package.json里有webpack,但是不是各个版本是别人预制好的,建议删除webpack,再重新本地安
nodejs报错 Error: Cannot find module ‘node:path‘
风口IT猪的成长录
05-17 5347
既存项目node版本较低再降node版本后出现以上错误，因为之前在node v20版本升级过npm所以导致降低node版本后npm命令报错，最简单的解决办法是删除。文件夹下的 npm 文件夹，之后问题就解决了！
Vue 项目运行时，报错Error: Cannot find module ‘node:path‘
热门推荐
程序员大佬超的博客
06-28 2万+
Vue 项目运行时，报错Error: Cannot find module ‘node:path’输入node -v如下：输入npm -v报错。
npm -v 报错 Error: Cannot find module ‘node:path‘
qq_45764109的博客
07-17 2927
我是直接去idea中的配置界面这里删除之前的npm版本,才不报错。我之前是node20版本，然后降低版本node6.11.用nvm。
Ubuntu下npm运行报错Error: Cannot find module ‘node:path‘
XCCCCZ的博客
02-06 1404
node -v获得的node版本是v10.19.0，使用6.14.0的npm是适配的，使用11.1.0版npm显然是高了，问题很清楚了，把/usr/local/bin/npm链接删掉，重新创建链接指向/usr/bin/npm，然后在新打开的终端里运行 npm run serve就可以了。执行了apt install npm安装了npm，然后又执行 npm install -g npm更新了一下，执行。
Html Webpack Plugin: Error: Child compilation failed: Module not found: Error: Can't resolve '/Users/lynn/Desktop/jiecan/整改全链路/vue/node_modules/html-webpack-plugin/lib/loader.js' in '/Users/lynn/Desktop/jiecan/整改全链路/vue' ModuleNotFoundError: Module not found: Error: Can't resolve '/Users/lynn/Desktop/jiecan/整改全链路/vue/node_modules/html-webpack-plugin/lib/loader.js' in '/Users/lynn/Desktop/jiecan/整改全链路/vue' at /Users/lynn/Desktop/jiecan/整改全链路/vue/node_modules/webpack/lib/Compilation.js:2230:28 at /Users/lynn/Desktop/jiecan/整改全链路/vue/node_modules/webpack/lib/NormalModuleFactory.js:933:13 at eval (eval at create (/Users/lynn/Desktop/jiecan/整改全链路/vue/node_modules/tapable/lib/HookCodeFactory.js:33:10), :10:1) at /Users/lynn/Desktop/jiecan/整改全链路/vue/node_modules/webpack/lib/NormalModuleFactory.js:347:22
最新发布
07-03
<think>我们正在解决HtmlWebpackPlugin在Webpack构建时出现的“Modulenot found”错误。这个错误通常发生在Webpack无法找到HtmlWebpackPlugin模块时，可能是由于没有正确安装或配置引起的。 ###步骤1:确认安装首先，确保已经在项目中安装了`html-webpack-plugin`。可以通过以下命令安装：```bashnpminstall --save-devhtml-webpack-plugin#或者yarnadd -D html-webpack-plugin``` ###步骤2:检查版本兼容性确保安装的`html-webpack-plugin`版本与你的Webpack版本兼容。可以查看`html-webpack-plugin`的npm页面获取兼容性信息。例如，Webpack5需要`html-webpack-plugin`版本4或5。 ###步骤3:正确引入在Webpack配置文件中，确保正确引入了该插件。例如：```javascriptconstHtmlWebpackPlugin= require('html-webpack-plugin');//注意大小写``` ###步骤4:配置插件在Webpack配置的plugins数组中添加HtmlWebpackPlugin实例：```javascriptplugins: [newHtmlWebpackPlugin({template:'./src/index.html', //指定模板文件filename:'index.html'//输出的文件名})] ```###步骤5:检查Webpack配置路径如果Webpack配置文件不在项目根目录（例如在`config`文件夹中），需要确保在`package.json`的scripts中正确指定了配置文件路径。例如： ```json"scripts": {"build":"webpack --config ./config/webpack.prod.js" }``` ###步骤6:检查node_modules如果仍然报错，尝试删除`node_modules`文件夹并重新安装依赖： ```bashrm -rf node_modulesnpm install#或者yarn install```###步骤7:检查Node.js和npm版本确保Node.js和npm版本符合项目要求。特别是，如果项目使用了`node-sass`等依赖，版本兼容性很重要（参考引用[5]）。可以使用`nvm`管理Node.js版本。###步骤8:清除缓存Webpack缓存可能导致问题，尝试清除缓存： ```bashnpm cacheclean --force```然后重新安装依赖。###步骤9:检查别名（Alias）如果在Webpack配置中设置了别名（alias），确保没有错误地覆盖了模块路径。例如：```javascriptresolve: {alias: {//确保这里没有错误的配置}} ```###步骤10:查看错误详情仔细阅读错误消息，它会指出哪个模块找不到。如果是`html-webpack-plugin`找不到，那么可能是安装问题；如果是`html-webpack-plugin`内部依赖的模块找不到，可能是依赖树损坏。 ###总结通过以上步骤，大部分`Modulenot found`错误都可以解决。如果问题仍然存在，请提供具体的错误信息以便进一步分析。 §§相关问题§§1.如何解决Webpack构建中其他常见的模块找不到错误？ 2.如何优化Webpack构建性能？ 3. HtmlWebpackPlugin还有哪些常用配置选项？</think>要解决HtmlWebpackPlugin在Webpack构建时出现的"Module not found"错误，请按照以下步骤操作： ### 1. **确认安装依赖** 首先确保已正确安装`html-webpack-plugin`： ```bash npm install --save-dev html-webpack-plugin # 或使用yarn yarn add -D html-webpack-plugin ``` ### 2. **检查Webpack配置** 在Webpack配置文件中正确引入和使用插件： ```javascript const HtmlWebpackPlugin = require('html-webpack-plugin'); // 注意大小写 module.exports = { // ...其他配置 plugins: [ new HtmlWebpackPlugin({ template: './src/index.html' // 指定模板文件 }) ] } ``` ### 3. **验证版本兼容性** 检查版本兼容性（常见问题）： - Webpack 4+ 需要 html-webpack-plugin@4+ - Webpack 5+ 需要 html-webpack-plugin@5+ 使用以下命令查看版本： ```bash npm list html-webpack-plugin ``` ### 4. **清除缓存并重装** 1. 删除`node_modules`和`package-lock.json`： ```bash rm -rf node_modules package-lock.json ``` 2. 清除npm缓存： ```bash npm cache clean --force ``` 3. 重新安装依赖： ```bash npm install ``` ### 5. **检查路径配置** 确保在配置中指定的模板文件路径正确： ```javascript new HtmlWebpackPlugin({ template: path.resolve(__dirname, 'src/index.html') // 使用绝对路径更安全 }) ``` ### 6. **检查Node.js版本** 验证Node.js版本是否符合要求（参考引用[5]）： ```bash node -v ``` - html-webpack-plugin@5 需要 Node.js ≥ 10.13 - 如遇兼容问题，使用nvm切换版本： ```bash nvm install 14.18.1 nvm use 14.18.1 ``` ### 7. **检查别名配置** 如果Webpack配置中有`resolve.alias`，确保未覆盖默认模块解析： ```javascript resolve: { alias: { // 避免覆盖关键路径 } } ``` ### 常见错误场景 - **错误：`Cannot find module 'html-webpack-plugin'`** → 执行步骤1和4重装依赖 - **错误：`Error: Cannot find template file`** → 执行步骤5验证模板路径 - **错误：`TypeError: compilation.getCache is not a function`** → 执行步骤3升级html-webpack-plugin到v5+ ### 最终验证 添加基础配置后运行构建命令： ```bash npm run build ``` 检查输出目录是否生成HTML文件，如`dist/index.html`。 > **提示**：如使用自定义配置文件（参考引用[1][2]），确保在package.json中正确指定路径： > ```json > "scripts": { > "build": "webpack --config ./config/webpack.prod.js" > } > ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值