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-loader node-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 docs有一个关于这个问题的说明：

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

npm install -D sass-loader@^10 sass

Answer 3

我在安装 sass-loader 时也遇到了这个错误。 通过这里的参考修复它：https://github.com/laravel-mix/laravel-mix/issues/2562

需要添加--legacy-peer-deps来解决。

Answer 4

您是否尝试过使用sass 而不是node-sass？