webpack、sass-loader、npm audit fix、npm audit fix --force兼容性问题

最新推荐文章于 2024-03-20 17:10:44 发布
最新推荐文章于 2024-03-20 17:10:44 发布
阅读量5.6k 收藏 8
点赞数 2
文章标签： webpack npm sass
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DDJ_TEST/article/details/122457738
版权

sass-loader兼容性问题

PS E:\dome\automated-test-platform-vue2> npm install sass@~1.32 sass-loader@10.1.1 deepmerge -D
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: automated-test-platform-vue2@1.0.0
npm ERR! Found: webpack@3.12.0
npm ERR! node_modules/webpack
npm ERR!   webpack@"^3.6.0" from the root project
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^4.36.0 || ^5.0.0" from sass-loader@10.1.1
npm ERR! node_modules/sass-loader
npm ERR!   dev sass-loader@"10.1.1" 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\shenyf\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\shenyf\AppData\Local\npm-cache\_logs\2022-01-12T09_00_24_153Z-debug.log




PS E:\dome\automated-test-platform-vue2> npm install sass@~1.32 sass-loader@9 deepmerge -D     
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: automated-test-platform-vue2@1.0.0
npm ERR! Found: webpack@3.12.0
npm ERR! node_modules/webpack
npm ERR!   webpack@"^3.6.0" from the root project
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^4.36.0 || ^5.0.0" from sass-loader@9.0.3
npm ERR! node_modules/sass-loader
npm ERR!   dev sass-loader@"9" 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\shenyf\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\shenyf\AppData\Local\npm-cache\_logs\2022-01-12T09_00_47_449Z-debug.log




PS E:\dome\automated-test-platform-vue2> npm install sass@~1.32 sass-loader@8 deepmerge -D
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: automated-test-platform-vue2@1.0.0
npm ERR! Found: webpack@3.12.0
npm ERR! node_modules/webpack
npm ERR!   webpack@"^3.6.0" from the root project
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^4.36.0 || ^5.0.0" from sass-loader@8.0.2
npm ERR! node_modules/sass-loader
npm ERR!   dev sass-loader@"8" 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\shenyf\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\shenyf\AppData\Local\npm-cache\_logs\2022-01-12T09_01_01_870Z-debug.log




PS E:\dome\automated-test-platform-vue2> npm install sass@~1.32 sass-loader@7 deepmerge -D

added 7 packages, and audited 1274 packages in 36s

63 packages are looking for funding
  run `npm fund` for details

86 vulnerabilities (2 low, 69 moderate, 15 high)

To address issues that do not require attention, run:
  npm audit fix

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.
PS E:\dome\automated-test-platform-vue2>

解决办法：上面包含解决问题的过程，主要是挨个降级安装，直到安装成功，其他兼容性问题，亦可按此方法解决

npm audit fix兼容性问题

PS E:\dome\automated-test-platform-vue2> npm audit fix
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: automated-test-platform-vue2@1.0.0
npm ERR! Found: webpack@5.66.0
npm ERR! node_modules/webpack
npm ERR!   webpack@"^5.66.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^2.0.0 || ^3.0.0" from uglifyjs-webpack-plugin@1.1.2
npm ERR! node_modules/uglifyjs-webpack-plugin
npm ERR!   dev uglifyjs-webpack-plugin@"^1.1.1" 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\shenyf\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\shenyf\AppData\Local\npm-cache\_logs\2022-01-12T09_13_44_800Z-debug.log
PS E:\dome\automated-test-platform-vue2>

解决办法：该降级降级，该升级升级，关键所在就是npm uninstall xxxx然后再执行npm audit fix或npm audit fix --force让程序选择自己想要的版本

PS E:\dome\automated-test-platform-vue2> npm audit fix --force
npm WARN using --force Recommended protections disabled.
[..................] \ : WARN using --force Recommended protections disabled.
npm WARN audit Updating vue-loader to 17.0.0,which is a SemVer major change.
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: friendly-errors-webpack-plugin@1.7.0
npm WARN Found: webpack@5.66.0
npm WARN node_modules/webpack
npm WARN   peer webpack@"^5.0.0" from css-loader@6.5.1
npm WARN   node_modules/css-loader
npm WARN     dev css-loader@"^6.5.1" from the root project
npm WARN   7 more (postcss-loader, terser-webpack-plugin, url-loader, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from friendly-errors-webpack-plugin@1.7.0
npm WARN node_modules/friendly-errors-webpack-plugin
npm WARN   dev friendly-errors-webpack-plugin@"^1.6.1" from the root project
npm WARN
npm WARN Conflicting peer dependency: webpack@4.46.0
npm WARN node_modules/webpack
npm WARN   peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from friendly-errors-webpack-plugin@1.7.0
npm WARN   node_modules/friendly-errors-webpack-plugin
npm WARN     dev friendly-errors-webpack-plugin@"^1.6.1" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: uglifyjs-webpack-plugin@1.3.0
npm WARN Found: webpack@5.66.0
npm WARN node_modules/webpack
npm WARN   peer webpack@"^5.0.0" from css-loader@6.5.1
npm WARN   node_modules/css-loader
npm WARN     dev css-loader@"^6.5.1" from the root project
npm WARN   7 more (postcss-loader, terser-webpack-plugin, url-loader, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from uglifyjs-webpack-plugin@1.3.0
npm WARN node_modules/uglifyjs-webpack-plugin
npm WARN   dev uglifyjs-webpack-plugin@"^1.1.1" from the root project
npm WARN
npm WARN Conflicting peer dependency: webpack@4.46.0
npm WARN node_modules/webpack
npm WARN   peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from uglifyjs-webpack-plugin@1.3.0
npm WARN   node_modules/uglifyjs-webpack-plugin
npm WARN     dev uglifyjs-webpack-plugin@"^1.1.1" from the root project

added 9 packages, removed 11 packages, changed 1 package, and audited 730 packages in 6s

68 packages are looking for funding
  run `npm fund` for details

# npm audit report

ansi-regex  >2.1.1 <5.0.1
Severity: moderate
 Inefficient Regular Expression Complexity in chalk/ansi-regex - https://github.com/advisories/GHSA-93q8-gq69-wqmw
fix available via `npm audit fix`
node_modules/string-width/node_modules/ansi-regex
  strip-ansi  4.0.0 - 5.2.0
  Depends on vulnerable versions of ansi-regex
  node_modules/string-width/node_modules/strip-ansi
    string-width  2.1.0 - 4.1.0
    Depends on vulnerable versions of strip-ansi
    node_modules/string-width

serialize-javascript  <=3.0.0
Severity: high
Insecure serialization leading to RCE in serialize-javascript - https://github.com/advisories/GHSA-hxcc-f52p-wc94
Cross-Site Scripting in serialize-javascript - https://github.com/advisories/GHSA-h9rv-jmmf-4pgx
fix available via `npm audit fix`
node_modules/serialize-javascript
  copy-webpack-plugin  4.3.0 - 5.0.4
  Depends on vulnerable versions of cacache
  Depends on vulnerable versions of serialize-javascript
  node_modules/copy-webpack-plugin
  uglifyjs-webpack-plugin  >=1.1.3
  Depends on vulnerable versions of cacache
  Depends on vulnerable versions of serialize-javascript
  node_modules/uglifyjs-webpack-plugin

ssri  5.2.2 - 6.0.1
Severity: high
Regular Expression Denial of Service (ReDoS) - https://github.com/advisories/GHSA-vx3p-948g-6vhq
fix available via `npm audit fix`
node_modules/ssri
  cacache  10.0.4 - 11.0.0
  Depends on vulnerable versions of ssri
  node_modules/cacache
    copy-webpack-plugin  4.3.0 - 5.0.4
    Depends on vulnerable versions of cacache
    Depends on vulnerable versions of serialize-javascript
    node_modules/copy-webpack-plugin
    uglifyjs-webpack-plugin  >=1.1.3
    Depends on vulnerable versions of cacache
    Depends on vulnerable versions of serialize-javascript
    node_modules/uglifyjs-webpack-plugin

8 vulnerabilities (3 moderate, 5 high)

To address all issues, run:
  npm audit fix






PS E:\dome\automated-test-platform-vue2> npm audit fix
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: automated-test-platform-vue2@1.0.0
npm ERR! node_modules/webpack
npm ERR!   webpack@"^5.66.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^2.0.0 || ^3.0.0" from uglifyjs-webpack-plugin@1.1.2
npm ERR! node_modules/uglifyjs-webpack-plugin
npm ERR!   dev uglifyjs-webpack-plugin@"^1.1.1" 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! A complete log of this run can be found in:
npm ERR!     C:\Users\shenyf\AppData\Local\npm-cache\_logs\2022-01-12T09_13_44_800Z-debug.log
PS E:\dome\automated-test-platform-vue2> npm uninstall uglifyjs-webpack-plugin

removed 13 packages, and audited 717 packages in 7s

68 packages are looking for funding
  run `npm fund` for details

7 vulnerabilities (3 moderate, 4 high)

To address all issues, run:
  npm audit fix

Run `npm audit` for details.







PS E:\dome\automated-test-platform-vue2> npm audit fix
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: friendly-errors-webpack-plugin@1.7.0
npm ERR! Found: webpack@5.66.0
npm ERR! node_modules/webpack
npm ERR!   webpack@"^5.66.0" from the root project
npm ERR!   peer webpack@"^5.0.0" from css-loader@6.5.1
npm ERR!   node_modules/css-loader
npm ERR!     dev css-loader@"^6.5.1" from the root project
npm ERR!   6 more (postcss-loader, terser-webpack-plugin, url-loader, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from friendly-errors-webpack-plugin@1.7.0
npm ERR!   dev friendly-errors-webpack-plugin@"^1.6.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack@4.46.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from friendly-errors-webpack-plugin@1.7.0
npm ERR!   node_modules/friendly-errors-webpack-plugin
npm ERR!     dev friendly-errors-webpack-plugin@"^1.6.1" 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! A complete log of this run can be found in:
npm ERR!     C:\Users\shenyf\AppData\Local\npm-cache\_logs\2022-01-12T09_15_39_676Z-debug.log







PS E:\dome\automated-test-platform-vue2> npm uninstall friendly-errors-webpack-plugin

removed 10 packages, changed 1 package, and audited 707 packages in 6s

68 packages are looking for funding
  run `npm fund` for details

4 high severity vulnerabilities

To address all issues, run:
  npm audit fix

Run `npm audit` for details.








PS E:\dome\automated-test-platform-vue2> npm audit fix

up to date, audited 707 packages in 5s

68 packages are looking for funding
  run `npm fund` for details

# npm audit report

serialize-javascript  <=3.0.0
Severity: high
Insecure serialization leading to RCE in serialize-javascript - https://github.com/advisories/GHSA-hxcc-f52p-wc94
Cross-Site Scripting in serialize-javascript - https://github.com/advisories/GHSA-h9rv-jmmf-4pgx
fix available via `npm audit fix`
node_modules/serialize-javascript
  copy-webpack-plugin  4.3.0 - 5.0.4       # 下一步要修复这里
  Depends on vulnerable versions of cacache
  Depends on vulnerable versions of serialize-javascript
  node_modules/copy-webpack-plugin

ssri  5.2.2 - 6.0.1
Severity: high
Regular Expression Denial of Service (ReDoS) - https://github.com/advisories/GHSA-vx3p-948g-6vhq
fix available via `npm audit fix`
node_modules/ssri
  cacache  10.0.4 - 11.0.0
  Depends on vulnerable versions of ssri
  node_modules/cacache
    copy-webpack-plugin  4.3.0 - 5.0.4
    Depends on vulnerable versions of cacache
    Depends on vulnerable versions of serialize-javascript
    node_modules/copy-webpack-plugin

4 high severity vulnerabilities

To address all issues, run:
  npm audit fix







PS E:\dome\automated-test-platform-vue2> npm install copy-webpack-plugin@4

added 40 packages, and audited 707 packages in 14s

68 packages are looking for funding
  run `npm fund` for details

4 high severity vulnerabilities

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.









PS E:\dome\automated-test-platform-vue2> npm audit fix --force
npm WARN using --force Recommended protections disabled.
npm WARN audit Updating copy-webpack-plugin to 10.2.0,which is a SemVer major change.

added 7 packages, removed 38 packages, changed 7 packages, and audited 676 packages in 18s

72 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities





PS E:\dome\automated-test-platform-vue2>

修复完成

已无测试机
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
webpack-npm-package-template:框架中性模板，用于使用Webpack和Babel构建npm组件
04-30
框架中性模板，用于使用Webpack和Babel构建npm软件包 特征 使用webpack和babel构建客户端npm软件包。 与webpack握手 开发组件时，用于提供测试页的Web服务器。 还生成单独CSS，字体和其他文件。 （或者来自单独CSS入口点，或者来自JavaScript代码中的require语句。） CommonJS可能需要结果库。 外部化所有node_modules组件以进行发行版本构建。 （此程序包依赖的其他节点模块将作为NPM依赖项引入，并在结果库中提供。） 目标 无需安装任何全局npm软件包！ 该模板将作为创建客户端npm软件包的起点。 输出必须与commonJS兼容，并且在连接时也可以工作。 与其他JavaScript文件。 该模板应包含尽可能少的devDependencies，以便在更新或废弃不同的软件包时轻松构建构建配置。 如何使用这个范本专案
fast-sass-loader：用于webpack的高性能sass loader
02-06
快速装车机 适用于webpack的快速，简单的Sass加载程序。 提示：与一起使用，您将获得10倍以上CSS构建性能 特征： 在大型SASS项目中比sass-loader快sass-loader倍 支持sass文件重复数据删除，永远不用担心@import在不同位置@import相同文件 支持url解析，永远不用担心url(...) （参见 ） 用于webpack的快速Sass加载程序。 比sass-loader快5〜10倍，并支持url解析。 vs sass-loader 产品特点 快速装车机 萨斯装载机 性能 快（5〜10次） 车辆慢行 Sass Dedupe ✓ × 网址
[GN] nodejs16.13.0版本完美解决node-sass和sass-loader版本冲突问题
GGood_Name的博客
01-13 927
npm install 运行vue项目时候。
出现 npm WARN webpack[email protected] requires a peer of webpack@^4.x.x but none is ins**
热门推荐
weixin_43750031的博客
11-20 3万+
出现 npm WARN webpack[email protected] requires a peer of webpack@^4.x.x but none is ins** mac 安装webpack 报错 建议安装较低版本的webpack eg: * npm install webpack@3.0.0 -g
报错：npm WARN ERESOLVE overriding peer dependency
最新发布
星辰迷上大海的博客
03-20 2189
这个警告通常意味着您的项目中存在不同模块之间的依赖冲突。这可能会导致一些模块无法正常工作或版本不匹配的问题。
nodejs16.15.0版本完美解决node-sass和sass-loader版本冲突问题
一名Java语言狂热分子。
08-13 1万+
nodejs16.15.0版本完美解决node-sass和sass-loader版本冲突问题
npm error code ERESOLVE问题解决
m0_49790240的博客
03-09 3879
web> npm install npm WARN old lockfile npm WARN old lockfile The package-lock.json file was created with an old version of npm, npm WARN old lockfile so supplemental metadata must be fetched from the registry. npm WARN old lockfile npm WARN o.
八、node 错误汇总
Daniel的博客
09-02 1746
vue使用时提示有漏洞，那么就是直接按照后面提示的命令npm audit fix 就可以解决，所以只需要按照提示 npm audit fix。如果之后还会有报错，请清除缓存~
Vue项目中使用scss
luochuanrong的博客
05-22 2280
安装依赖 npm install sass-loader node-sass vue-style-loader --save 安装完成可能会出现以下问题 npm WARN sass-loader@8.0.2 requires a peer of webpack@^4.36.0 || ^5.0.0 but none is installed. You must install peer dependencies yourself. + node-sass@4.14.1 + sass-loade.
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Found:
weixin_47181907的博客
05-06 3928
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Found: webpack@5.36.2 npm ERR! node_modules/webpack npm ERR! peer webpack@"^4.0.0 || ^5.0.0" from webpack[email protected] npm ERR! node_modules/webpack-de
Vue sass 安装失败 和 Error: error:0308010C:digital envelope routines::unsupported 解决方法
weixin_46474408的博客
08-01 3753
一些报错解决记载
image-webpack-loader:用于webpack的图像加载器模块
04-27
image-webpack-loader 用于webpack的图像加载器模块 使用PNG，JPEG，GIF，SVG和WEBP图像 输出的问题应在imagemin上报告。 安装 $ npm install image-webpack-loader --save-dev 安装在容器中 node:12-buster 无需其他准备工作。 所有依赖项将自动编译。 由于图像较大（〜1 GB），因此不建议使用。 node:12-buster-slim 准备脚本： apt-get update apt-get install -y --no-install-recommends autoconf automake g++ libpng-dev make 推荐的容器图片。 node:12-alpine 准备脚本： apk add --no-cache autoconf automake fil
sass-loader：将Sass编译为CSS
02-05
萨斯装载机 加载Sass / SCSS文件并将其编译为CSS。 入门 首先，您需要安装sass-loader ： npm install sass-loader sass webpack --save-dev sass-loader要求您自行安装或 （更多文档可在下面找到）。 这使您可以控制所有依赖项的版本，并选择要使用的Sass实现。 :information_selector: 我们建议使用 。 :warning: 不适用于功能。 将sass-loader与和 sass-loader在一起，以立即将所有样式应用于DOM或以将其提取到单独的文件中。 然后将加载程序添加到您的Webpack配置中。 例如： app.js imp
mini-program-webpack-loader:基于 webpack 的小程序构建工具
05-17
mini-program-webpack-loader 基于 webpack 4.0 的小程序打包工具。 项目依赖 async/await, Set/Map, spread 等 es6+ 语法 安装 $ npm i mini-program-webpack-loader --dev 介绍 该工具主要解决小程序难以集成更多的成熟工具的问题。其次支持多个小程序项目共建。 该工具由两部分组成，loader 和 plugin。 能力 支持在小程序项目中使用 webpack 的所有能力 支持在 wxml, wxss, wxs, json 文件中使用模块别名 支持全局注册自定义组件 支持多小程序项目合并 支持小程序项目分析 插件 使用 const MiniPlugin = require('mini-program-webpack-loader').plugin; module.expor
webpack-conditional-loader：JavaScript的C条件指令
02-06
npm install --save-dev webpack-conditional-loader 用法 在您的webpack.config.js 将webpack-conditional-loader作为数组中的最后一个加载器，因此它将先处理所有其他代码。 module: { rules : [ { test : / \...
sass-vars-loader：使用在Webpack配置或外部Javascript或JSON文件中定义的Sass变量
02-03
Sass Vars装载机 从Webpack配置或JS / JSON文件...npm install @epegzz/sass-vars-loader --save-dev 用纱 yarn add @epegzz/sass-vars-loader --dev 用法 查看以了解如何将此加载器与和结合使用 选项1：Webpack配置
vue中安装stylus报错
qq_46580571的博客
05-17 1479
npm ERR! Found: webpack@3.12.0 npm ERR! node_modules/webpack npm ERR! dev webpack@"^3.6.0" from the root project npm ERR! Could not resolve dependency: npm ERR! peer webpack@"^5.0.0" from stylus-loader@6.2.0 npm ERR! node_modules/stylus-loader npm ERR!
npm install无法使用
qq_45953036的博客
11-21 1636
【代码】npm install无法使用。
报错：Error: module property was removed from Dependency
qq_36981190的博客
08-30 1988
webpack vue问题
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: sass-loader@12.1.0 npm ERR! Found: webpack@3.12.0 npm ERR! node_modules/webpack npm ERR! peer webpack@"^1.9 || ^2 || ^2.1.0-beta || ^2.2.0-rc || ^3.0.0" from uglifyjs-webpack[email protected] npm ERR! node_modules/webpack/node_modules/uglifyjs-webpack-plugin npm ERR! uglifyjs-webpack-plugin@"^0.4.6" from webpack@3.12.0 npm ERR! peer webpack@"2 || 3 || 4" from babel-loader@7.1.5 npm ERR! node_modules/babel-loader npm ERR! dev babel-loader@"^7.1.1" from the root project npm ERR! 9 more (extract-text-webpack-plugin, file-loader, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer webpack@"^5.0.0" from sass-loader@12.1.0 npm ERR! node_modules/sass-loader npm ERR! dev sass-loader@"^12.1.0" from the root project npm ERR! npm ERR! Conflicting peer dependency: webpack@5.88.2 npm ERR! node_modules/webpack npm ERR! peer webpack@"^5.0.0" from sass-loader@12.1.0 npm ERR! node_modules/sass-loader npm ERR! dev sass-loader@"^12.1.0" 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! npm ERR! For a full report see: npm ERR! C:\Users\antiy\AppData\Local\npm-cache\_logs\2023-07-18T05_47_37_165Z-eresolve-report.txt npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\antiy\AppData\Local\npm-cache\_logs\2023-07-18T05_47_37_165Z-debug-0.log
07-20
这段错误信息是由 npm 命令引起的，指出在解析依赖关系时出现了冲突。具体而言，发生了以下错误： - sass-loader@12.1.0 需要 peer 依赖 webpack@"^5.0.0"。 - 但是，当前项目已安装 webpack@3.12.0，并且某些其他依赖要求 webpack 的版本范围是 "^1.9 || ^2 || ^2.1.0-beta || ^2.2.0-rc || ^3.0.0"。 - 因此，sass-loader 和当前项目所需的 webpack 版本存在冲突，无法解析依赖关系。 解决此问题的方法有两种： 1. 更新项目中的 webpack 版本至符合 sass-loader 要求的范围（^5.0.0 或更高版本）。 2. 强制执行 npm 命令，可以使用 `--force` 或 `--legacy-peer-deps` 标志来接受不正确（可能导致问题）的依赖解析。 请注意，在进行任何更改之前，最好备份项目文件以避免意外损失。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值