Node Sass 版本 6.0.0 与 ^4.0.0 不兼容 || ^5.0.0 在 React.js 中答案

【问题标题】：Node Sass version 6.0.0 is incompatible with ^4.0.0 || ^5.0.0 in React.jsNode Sass 版本 6.0.0 与 ^4.0.0 不兼容 || ^5.0.0 在 React.js 中
【发布时间】：2021-08-25 17:27:35
【问题描述】：

我尝试安装 sass-loader 来编译 scss，但它显示版本兼容性错误。我降级了版本并做了很多事情，但仍然显示相同的问题。

React 版本 - 17.0.2 节点版本 - 16.2.0 npm 版本 - 7.13.0

包.json

  "dependencies": {
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "antd": "^4.16.2",
    "node-sass": "^4.14.1",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-redux": "^7.2.4",
    "react-scripts": "4.0.3",
    "redux-saga": "^1.1.3",
    "web-vitals": "^1.0.1"
  },

【问题讨论】：

这看起来像 Create React App，是吗？
是的，它的 npx-create-react-app

标签： reactjs sass create-react-app node-sass sass-loader

【解决方案1】：

要安装工作的 node-sass 版本，您可以使用

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

你可以根据下表选择你的版本号，根据你安装的node版本，可以通过命令node --version查看

希望对你有帮助

【讨论】：

你完全正确！谢谢

【解决方案2】：

您可以尝试卸载node-sass 并将其替换为sass。这对我有用。

npm un node-sass
npm i -D sass

【讨论】：

【解决方案3】：

错误似乎来自无法处理node-sass@6 的sass-loader 版本。

已由this pull request 在sass-loader@11.1.0 中修复。

另请注意，如果您使用node@16，则必须使用node-sass@6（请参阅node-sass version policy）

总结一下：您可以使用node-sass@6，前提是您还安装了最新的sass-loader 版本。

【讨论】：

没有任何效果。 yarn add sass-loader 然后yarn add node-sass@6 /yarn add node-sass 仍然得到Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0.

【解决方案4】：

对于那些使用纱线的：

yarn remove node-sass
yarn add node-sass

如果你想要一个特定的 node-sass 版本

yarn add node-sass@4.x.x

【讨论】：

【解决方案5】：

Node Sass 现在也已弃用，因此您可以尝试使用此命令将其卸载

npm uninstall node-sass 并尝试：

npm install --save-dev sass

当我在使用 create react app 在项目上安装 sass 时遇到问题时，这对我有用

【讨论】：

【解决方案6】：

如果你对 node-sass 有问题，你可以使用 sass 库来代替。

npm i sass

如果您愿意，也可以将其安装为开发人员依赖项，这是更好的做法。

npm -D i sass

【讨论】：

【解决方案7】：

我卸载 node-sass 并安装 dart-sass 比我的问题解决了。它是关于 node-sass 和 sass-loader

【讨论】：