当我启动下面的代码时，我不断收到此错误

Posted 2023-03-07

【中文标题】当我启动下面的代码时，我不断收到此错误

【英文标题】：i keep getting this error when i start the code below

【发布时间】：2021-08-19 17:43:29

【问题描述】：

C:\Users\georg\Desktop\reactapp>npm start

reactapp@1.0.0 开始 webpack-dev-server --hot

节点：内部/模块/cjs/loader:927 抛出错误； ^

错误：找不到模块“webpack-cli/bin/config-yargs” 需要堆栈：

C:\Users\georg\Desktop\reactapp\node_modules\webpack-dev-server\bin\webpack-dev-server.js 在 Function.Module._resolveFilename (节点:internal/modules/cjs/loader:924:15) 在 Function.Module._load (节点:internal/modules/cjs/loader:769:27) 在 Module.require (node:internal/modules/cjs/loader:996:19) 在需要（节点：内部/模块/cjs/helpers：92:18） 在对象。 (C:\Users\georg\Desktop\reactapp\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1) 在 Module._compile (node:internal/modules/cjs/loader:1092:14) 在 Object.Module._extensions..js (node:internal/modules/cjs/loader:1121:10) 在 Module.load (node:internal/modules/cjs/loader:972:32) 在 Function.Module._load (node:internal/modules/cjs/loader:813:14) 在 Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:76:12) 代码：'MODULE_NOT_FOUND'， 要求堆栈：[ 'C:\Users\georg\Desktop\reactapp\node_modules\webpack-dev-server\bin\webpack-dev-server.js' ]

这是上面的错误。

“名称”：“反应应用程序”， “版本”：“1.0.0”， “描述”：“个人项目”， “主”：“index.js”， “脚本”： “开始”：“webpack-dev-server --hot” , “关键词”：[ "npm", “个人”， “项目” ], “作者”：“乔治·阿辛泽”， “许可证”：“未经许可”， “依赖”： "babel-core": "^6.26.3", "babel-loader": "^8.2.2", "babel-preset-es2015": "^6.24.1", "babel-preset-react": "^6.24.1", “反应”：“^17.0.2”， “反应域”：“^17.0.2”， "webpack": "^5.38.1", “webpack-dev-server”：“^3.11.2”

这是我上面的 package.json 文件

【问题讨论】：

你跑过npm install吗？

是的，我已经运行过了

建议您删除 node_modules 文件夹和 package.lock.json 并重新安装

是的，我之前又重新开始了，最后得到了同样的错误，我不知道我哪里出错了

这能回答你的问题吗？ Cannot find module 'webpack/bin/config-yargs'

【参考方案1】：

可能的解决方案是

更新你的 webpack 版本， 要么 如果您使用的是 webpack-cli 4 或 webpack 5，请将 webpack-dev-server 更改为 webpack serve。

例子：

"serve": "webpack serve --config config/webpack.dev.js --progress"

【讨论】：

我正在使用“webpack”：“^5.38.1”

[webpack-cli] 配置对象无效。 Webpack 已使用与 API 架构不匹配的配置对象进行初始化。这就是我使用 webpack serve 时发生的情况