Javascript 如何解决'；找不到模块'；webpack cli/bin/config yargs'；reactjs中的错误？

当我运行第一个hello world react示例时，出现以下错误。 如何解决此问题？

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (module.js:547:15)
    at Function.Module._load (module.js:474:25)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (.\ReactJS\node_modules\webpack-dev-server\bin\webpack-dev-server.
js:65:1)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)

---

错误告诉您没有安装

webpack cli

。您可以安装它并将其添加到您的开发人员依赖项中

npm i -D webpack-cli

---

您还安装了带有过时配置对象的新版本Webpack。如果将

configuration.module.loaders

更改为

configuration.module.rules

，它将正常工作。

原因是这些库的版本： -网页包、网页包cli和网页包开发服务器。 我发现我使用的版本不能一起工作。因此，我重新安装了它们并使用了旧版本，它们是：

“网页包”：“^4.32.2”

“webpack cli”：“^3.3.2”

“网页包开发服务器”：“3.5.1”

---

2021-错误再次出现。升级到网页5后，只需更换

 webpack-dev-server --...

使用相同的代码命令

webpack serve --...

---

您是否安装了

webpack cli

？如果没有，请尝试

npm i-D webpack cli

。没有，我尚未安装。安装后，它会抛出以下错误：x？wds？：无效的配置对象。已使用与API架构不匹配的配置对象初始化Web包。-configuration.module具有未知属性“loaders”。这些属性是有效的：您很可能已使用旧配置安装了新版本的Webpack。将

configuration.module.loaders

更改为

configuration.module.rules

。我更改为configuration.module.rules后，问题就解决了。非常感谢

webpack serve --...