Webpack和Webpack开发服务器安装错误

Question

我正在尝试安装一个Webpack和Babel，以便在没有CRA的情况下使用React。

在安装webpack-dev-server期间，我遇到了一些依赖性问题

PS C:UsersLebedevDesktopprojectsfrontend-graduation-project> npm install --save-dev webpack-dev-server
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: webpack@5.4.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@">=2" from babel-loader@8.2.1
npm ERR!   node_modules/babel-loader
npm ERR!     dev babel-loader@"^8.2.1" from the root project
npm ERR!   peer webpack@"^4.27.0 || ^5.0.0" from css-loader@5.0.1
npm ERR!   node_modules/css-loader
npm ERR!     dev css-loader@"^5.0.1" from the root project
npm ERR!   6 more (html-webpack-plugin, style-loader, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^4.0.0" from webpack-dev-middleware@3.7.2
npm ERR! node_modules/webpack-dev-server/node_modules/webpack-dev-middleware
npm ERR!   webpack-dev-middleware@"^3.7.2" from webpack-dev-server@3.11.0
npm ERR!   node_modules/webpack-dev-server
npm ERR!     dev webpack-dev-server@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:UsersLebedevAppDataLocalnpm-cacheeresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR!     C:UsersLebedevAppDataLocalnpm-cache_logs2020-11-15T12_42_34_324Z-debug.log
PS C:UsersLebedevDesktopprojectsfrontend-graduation-project>

我的package.json文件：

"dependencies": {
"react": "^17.0.1",
"react-dom": "^17.0.1"
},
"devDependencies": {
"@babel/core": "^7.12.3",
"@babel/preset-env": "^7.12.1",
"@babel/preset-react": "^7.12.5",
"babel-loader": "^8.2.1",
"css-loader": "^5.0.1",
"html-webpack-plugin": "^4.5.0",
"style-loader": "^2.0.0",
"webpack": "^5.4.0",
"webpack-cli": "^4.2.0"
}

我已经做了什么，但仍然没有帮助：

1. 尝试删除node_modules文件夹
2. 尝试删除package-lock.json文件
3. 通过运行以下命令重新安装npm依赖项：npm install

如何解决这些问题？

谢谢你的任何建议

Answer 1

我在Github Issue页面上找到了答案：https://github.com/npm/cli/issues/2119

我的npm版本是7.0.8。作为一个mvyunko提到的问题，我只是键入以下内容：

npm install npm@latest -g
npm install webpack-dev-server --save-dev

在所有命令之后，我的npm版本已更改为6.14.8，安装错误也消失了。