Question

当我运行第一个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)

package.json文件：

  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "webpack": "^4.16.5",
    "webpack-dev-server": "^3.1.5"
  },
  "dependencies": {
    "react": "^16.4.2",
    "react-dom": "^16.4.2",
    "start": "^5.1.0"
  }
}

Answer 1

2021 - 错误再次出现。 升级到 webpack 5 后只需替换

cmudict

到与

相同的代码命令

 webpack-dev-server --...

Answer 2

该错误告诉您尚未安装webpack-cli。您可以安装它并将其添加到您的开发依赖项中。

npm i -D webpack-cli

您还安装了带有过期配置对象的Webpack新版本。如果将configuration.module.loaders更改为configuration.module.rules，它将起作用。

Answer 3

原因是这些库的版本： — webpack，webpack-cli和webpack-dev-server。我发现我使用的版本无法一起使用。因此，我重新安装它们并使用了较旧的版本：

“ webpack”：“ ^ 4.32.2”，
“ webpack-cli”：“ ^ 3.3.2”，
“ webpack-dev-server”：“ 3.5.1”

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

3 个答案: