npm install -D sass-loader node-sass Vue.js 2021

Question

嗨，问题是为我运行的 Vue.js 设置 SASS：Node.js - 15.7.0 Vue.js - @vue/cli 4.5.11 这是我在运行此命令时遇到的控制台错误： npm install -D sass加载器节点sass

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! Found: webpack@3.12.0
npm ERR! node_modules/webpack
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!   peer webpack@"^3.1.0" from extract-text-webpack-plugin@3.0.2
npm ERR!   node_modules/extract-text-webpack-plugin
npm ERR!     dev extract-text-webpack-plugin@"^3.0.0" from the root project
npm ERR!   8 more (file-loader, friendly-errors-webpack-plugin, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! dev sass-loader@"*" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: webpack@5.18.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^4.36.0 || ^5.0.0" from sass-loader@10.1.1
npm ERR!   node_modules/sass-loader
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\marko\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\marko\AppData\Local\npm-cache\_logs\2021-01-28T16_11_07_342Z-debug.log

Answer 1

我今天遇到了同样的问题。尝试安装 sass-loader v10.0.5：

npm install -D sass-loader@10.0.5 node-sass

Answer 2

实际上， Vue CLI 文档中有关于此问题的注释：

当使用 webpack 版本 4（Vue CLI 4 中的默认版本）时，您需要确保您的加载器与其兼容。否则，您将收到有关对等依赖项冲突的错误。在这种情况下，您可以使用仍与 webpack 4 兼容的旧版本加载器。

npm install -D sass-loader@^10 sass