Webpack 依赖构建错误 - 包升级答案

【问题标题】：Webpack Dependency Build Error - Package UpgradeWebpack 依赖构建错误 - 包升级
【发布时间】：2021-08-12 10:31:40
【问题描述】：

我在使用 webpack 在项目中运行 npm install 时收到此错误（由于构建时遇到错误，我在删除 node_modules 目录后运行 npm install）。我对完全基于此错误需要升级的内容感到有些困惑。 Webpack 还是 css-loader？

 While resolving: client@1.0.0
 Found: webpack@2.7.0
 node_modules/webpack
 dev webpack@"^2.7.0" from the root project

 Could not resolve dependency:
 peer webpack@"^4.0.0 || ^5.0.0" from css-loader@3.6.0
 node_modules/css-loader
 dev css-loader@"^3.1.0" from the root project

我的 package.js 文件包含“css-loader”：“^3.1.0”和“webpack”：“^2.7.0”

谢谢。 J

【问题讨论】：

css-loader 依赖于 webpack v4 或 v5
谢谢@Phil 但是我已经安装了 webpack 2.7.0，解释了为什么我不明白为什么对 v4 或 v5 有依赖。

标签： javascript node.js webpack

【解决方案1】：

如果您正在设置“webpack”：“^2.7.0”表示您想要版本 2.7.0 或更新的次要版本或补丁版本（2.7.1、2.8.0 等），但不需要更改主要版本（例如 3.0.0）。

现在，css-loader 包要求 webpack 至少是主要版本 4。

解决方案：更新 webpack。

https://semver.org/ 和 this medium post 中的更多信息

【讨论】：

谢谢@Nat 我明白你的解释。但是，我安装了 css-loader 3.1.0 而不是 3.6.0（根据我的 package.json 文件）。为什么它指的是最后一个版本？
事实上，你已经安装了 3.6.0，因为你在你的 package.json 中设置了 "css-loader": "^3.1.0" （注意 ^），如果你没有要更改次要版本，请设置 "css-loader": "~3.1.0" 代替。查看我发送给您的补充链接；）