reactjs - 错误 : Cannot find module 'webpack-cli/bin/config-yargs' with webpack-cli 4. 2.0

Question

当我尝试运行 webpack-dev-server 时，它给出了错误。

Error: Cannot find module 'webpack-cli/bin/config-yargs'

我环顾四周，发现您必须将脚本更改为“webpack serve”并这样做了，但随后它给了我以下内容:
**[webpack-cli] 无效的配置对象。 Webpack 已使用与 API 架构不匹配的配置对象进行初始化。

configuration.devtool 应该匹配模式“^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$”。自 webpack 5 以来的重大变化:devtool 选项更加严格。请严格按照模式中关键字的顺序。**

我的系统是Windows 10 Pro，版本如下:

网络包:5.6.0

webpack-cli: 4.2.0

webpack-dev-server: 3.11.0

我还尝试在 webpack.config.js 中的 devServer 对象中包含“inline: false”，但无济于事。

Answer 1

只需几步:

添加脚本 "dev": "webpack serve"

套装devtool: 'eval-source-map'在 webpack.config.js

然后运行 ​​npm run dev或 npx webpack serve

webpack v5 && webpack-cli v4应该使用 webpack serve而不是 webpack-dev-server如果你运行 npx webpack serve出来 configuration.devtool should match pattern "^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$". BREAKING CHANGE since webpack 5: The devtool option is more strict. Please strictly follow the order of the keywords in the pattern.**您可以设置 devtool: 'eval-source-map'在 webpack.config.js 通常是为了平衡速度和调试:

在 development我们使用的模式 devtool: 'eval-source-map'

在 production我们使用的模式 devtool: 'cheap-module-source-map'

您也可以返回 webpack v4 && webpack-cli v3或尝试 npm i webpack-dev-server@4.0.0-beta.0 -D 见 https://github.com/webpack/webpack-dev-server/releases/tag/v4.0.0-beta.0
您可以看到更多问题

https://github.com/webpack/webpack-cli/issues/1948

https://github.com/webpack/webpack-dev-server/issues/2759