javascript - webpack和webpack-dev-server安装报错
问题描述
我正在尝试安装 Webpack 和 Babel 以在没有 CRA 的情况下使用 React。
在安装webpack-dev-server期间,我遇到了一些依赖问题
PS C:\Users\Lebedev\Desktop\projects\frontend-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:\Users\Lebedev\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Lebedev\AppData\Local\npm-cache\_logs\2020-11-15T12_42_34_324Z-debug.log
PS C:\Users\Lebedev\Desktop\projects\frontend-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"
}
我已经做过的事情仍然没有帮助:
- 尝试删除 node_modules 文件夹
- 尝试删除 package-lock.json 文件
- 通过运行以下命令重新安装 npm 依赖项:npm install
如何解决这些问题?
感谢您的任何建议
解决方案
我在 Github 问题页面上找到了答案: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,安装错误消失了。
推荐阅读
- javascript - “electron.exe”从何而来?
- c# - C# MongoDB 过滤器返回整个对象
- javascript - 使用 Promise.all() 并将方法放入 fetch 时 JSON 输入意外结束
- session - 通过 http 的内部应用程序之间的私有 cookie
- vue.js - 在 VUEX 中进行 CRUD 操作后我该怎么办
- azure-web-app-service - 在 Azure 中使用 MigraDoc (PdfSharp) 渲染 µ 和 ³ 时出现问题
- simulation - AnyLogic:使用每个代理一行填充时间颜色图
- python - 我收到此错误“ValueError: Shapes (None, 256, 256, 2) and (None, 256, 256, 1)在尝试训练模型进行分割时不兼容
- c++ - 意外的参考行为
- data-science - 如何在 Google Data Studio 中将日期转换为有效格式?