错误:找不到模块'webpack/lib/node/NodeTemplatePlugin'

Question

运行webpack后出现此错误.Webpack全局安装,我正在运行Node

PS D:\Projects\ng2-admin-master> ng serve
Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (D:\Projects\ng2-admin-master\node_modules\html-webpack-plugin\lib\compiler.js:11:26)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (D:\Projects\ng2-admin-master\node_modules\html-webpack-plugin\index.js:7:21)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
PS D:\Projects\ng2-admin-master>

Answer 1

Node要求您将webpack安装到项目中.

您有2个选项可以解决上述问题:

1. 删除全局webpack并在本地安装它

   npm uninstall -g webpack npm install --save-dev html-webpack-plugin webpack webpack-dev-server

2. 您可以将全局webpack pkg链接到项目的节点模块.这样做的缺点是你的项目将被迫使用最新的webpack.仅当某些更新不向后兼容时,这才会产生问题.

   npm i webpack -g; npm link webpack --save-dev

您可以根据您的要求省略html-webpack-plugin.

您可以在此github问题页面上找到更多信息.

更新(2018年4月)

从Webpack 4开始,您需要安装webpack-cli.webpack-dev-middleware如果您需要使用此页面上标有密钥的选项,您可能还需要安装.

在这种情况下,安装命令是:

npm install --save-dev webpack webpack-cli html-webpack-plugin webpack-dev-server webpack-dev-middleware.

如上所述,webpack-dev-middleware应根据您的要求选择添加.

Answer 2

使用时更新我的Angular应用程序时遇到了类似的问题ncu.最后通过删除node_modules和package-lock.json来解决它并重新安装软件包.

您可以在PowerShell中运行它(确保您位于正确的工作目录中):

rm node_modules -r -force
rm package-lock.json
npm cache verify
npm install

Answer 3

我试了好几个小时几乎在Stack溢出的不同线程上建议的所有东西,但没有任何效果.最终(幸运的是)我尝试了这个并且它有效:

deleted node_modules library (not sure if required)
npm install -g @angular/cli
npm install @angular/cli
npm install

Answer 4

语境：

我在 React 应用程序中遇到了这个问题。

我尝试在全局和本地卸载 webpack，还删除了本地文件夹node_modules，重新安装了所有本地 npm 模块（带有npm install）等。

没有任何效果，直到这样做......

解决方案：

1. 删除package-lock.json& node_modules。
2. 不要删除其他文件（例如：package.json，index.js...）
3. 使用===安装所有包（从 中npm提取安装信息package.json）。npm installnpm i
4. 现在，运行你的代码，瞧！

Answer 5

在我的下一个 js 应用程序中配置了“ react-bootstrap ”后，这发生在我身上。尝试添加此修复了我的问题：

yarn add webpack@webpack-4

或者如果使用 npm：

npm i webpack@webpack-4

Answer 6

以下对我有用：-

• 删除了 node_modules
• 删除了 package-lock.json
• 运行 npm 安装