webpack-错误:找不到‘webpack/lib/节点/NodeTemplatePlugin’模块

Question

当我做npm run dev时，我得到了这个错误，并且我已经在我的个人电脑和这个项目的本地安装了最新的react/react dom。

怎样才能解决这个问题呢？

macbookpro@MacBookProdeMacBook-Pro 01.webpack-base % npm run dev

> 01.webpack-base@1.0.0 dev /Users/macbookpro/Desktop/01.webpack-base
> webpack-dev-server --open

internal/modules/cjs/loader.js:985
  throw err;
  ^

Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
Require stack:
- /Users/macbookpro/node_modules/_html-webpack-plugin@4.3.0@html-webpack-plugin/lib/child-compiler.js
- /Users/macbookpro/node_modules/_html-webpack-plugin@4.3.0@html-webpack-plugin/lib/cached-child-compiler.js
- /Users/macbookpro/node_modules/_html-webpack-plugin@4.3.0@html-webpack-plugin/index.js
- /Users/macbookpro/Desktop/01.webpack-base/webpack.config.js
- /usr/local/lib/node_modules/webpack-cli/bin/utils/convert-argv.js
- /usr/local/lib/node_modules/webpack-dev-server/bin/webpack-dev-server.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:982:15)
    at Function.Module._load (internal/modules/cjs/loader.js:864:27)
    at Module.require (internal/modules/cjs/loader.js:1044:19)
    at require (internal/modules/cjs/helpers.js:77:18)
    at Object.<anonymous> (/Users/macbookpro/node_modules/_html-webpack-plugin@4.3.0@html-webpack-plugin/lib/child-compiler.js:14:28)
    at Module._compile (internal/modules/cjs/loader.js:1158:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1178:10)
    at Module.load (internal/modules/cjs/loader.js:1002:32)
    at Function.Module._load (internal/modules/cjs/loader.js:901:14)
    at Module.require (internal/modules/cjs/loader.js:1044:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/macbookpro/node_modules/_html-webpack-plugin@4.3.0@html-webpack-plugin/lib/child-compiler.js',
    '/Users/macbookpro/node_modules/_html-webpack-plugin@4.3.0@html-webpack-plugin/lib/cached-child-compiler.js',
    '/Users/macbookpro/node_modules/_html-webpack-plugin@4.3.0@html-webpack-plugin/index.js',
    '/Users/macbookpro/Desktop/01.webpack-base/webpack.config.js',
    '/usr/local/lib/node_modules/webpack-cli/bin/utils/convert-argv.js',
    '/usr/local/lib/node_modules/webpack-dev-server/bin/webpack-dev-server.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! 01.webpack-base@1.0.0 dev: `webpack-dev-server --open`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the 01.webpack-base@1.0.0 dev 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!     /Users/macbookpro/.npm/_logs/2020-05-27T09_15_12_766Z-debug.log

Answer 1

我也有一个类似的问题，这个低音帮我解决了这个问题。

rm -rf node_modules
rm package-lock.json
npm cache verify
npm install

如果它不起作用，可以尝试从Raunaqss's answer获取：

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。