尝试修复这个错误：“Node Sass版本6.0.1与^4.0.0 || ^5.0.0不兼容。”

Question

我在我的React应用中安装了最新版本的node-sass，但是遇到了这个错误。

我安装了最新版本的 node-sass 在我的 React 应用中，但出现了以下错误

"./src/index.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/index.scss)
Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0."

我的 Json 文件 :

{
  "name": "new-project-to",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "cra-template": "1.1.2",
    "node-sass": "^6.0.1",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3"
  },

我查看了一些在StackOverflow上的解决方案，例如npm install node-sass@4.14.1，但它没有起作用？

你们认为怎么样？

- David Jay

---

你尝试过精确安装 ^4.0.0 吗？npm install node-sass@^4.0.0？ - Amruth

是的，Amruth，但它没有起作用！！ - David Jay

请参考 https://dev59.com/UFIG5IYBdhLWcg3whwmc。对我来说，使用 npm uninstall node-sass; npm install sass 解决了问题。 - jrc

Answer 1

你可以尝试编辑package.json文件，将其修改为如下内容：

"dependencies": {
  "node-sass": "^5.0.0",
  ...
},
...

然后运行 npm i

希望这能有所帮助，但如果Armuth的解决方案不起作用，可能也无法解决问题...

- WR49

---

刚试了一下，这个对我有效~ - jimzcc

Answer 2

更新你的sass-loader，方法如下：npm i sass-loader@latest

- Soloh

---

你试过这个吗？- David Jay - Soloh

Answer 3

更新你的 react-scripts 到最新版本应该可以解决这个问题。

- Richard Torcato

Answer 4

使用“npm i sass-loader@latest”和“npm audit fix”更新Sass对我很有帮助。

- Paulo Henrique

---

你可以尝试查看以下链接来解决问题：https://dev59.com/UFIG5IYBdhLWcg3whwmc - Paulo Henrique

Answer 5

您必须重新启动 npm start 祝你好运 :)

- mahdi

---

目前你的回答不够清晰。请编辑并添加更多细节，以帮助其他人理解它如何回答所提出的问题。你可以在帮助中心找到有关如何撰写好答案的更多信息。 - Community

Answer 6

这个起作用了

安装可工作的node-sass版本，你可以使用以下命令：

npm uninstall node-sass
npm install node-sass@4.14.1

根据您使用的node版本（可以通过命令node --version检查），您可以根据以下表格选择版本号：

希望对您有所帮助。

- Abraham