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

Posted 2023-02-21

【中文标题】npm install -D sass-loader node-sass Vue.js 2021

【英文标题】：

【发布时间】：2021-05-02 13:52:34

【问题描述】：

您好，问题是为 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

【问题讨论】：

请将答案标记为已接受

【参考方案1】：

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

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

【讨论】：

你是救命稻草

这行得通！虽然我们需要根据答案***.com/a/64833083/9616168

根据机器中安装的节点版本安装适当的node-sass版本

【参考方案2】：

其实Vue CLI docs有一个关于这个问题的说明：

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

npm install -D sass-loader@^10 sass

【讨论】：

这是对我有用的。希望这有更多的观点，因为 Vue CLI 文档似乎已经解决了它

这对我也有用。

【参考方案3】：

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

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

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效。

【参考方案4】：

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