节点 Sass 版本 6.0.0 与 ^4.0.0 不兼容 || ^5.0.0 在 React.js

Question

我尝试安装sass-loader来编译scss，但是显示版本兼容性错误。我降了版本，做了很多事情，还是一样的问题。

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

Package.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"
  },

Answer 1

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

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

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

总结：您可以使用 node-sass@6，因为您还安装了最新的 sass-loader 版本。

Answer 2

node-sass 已弃用。而是使用 sass.

您可以卸载旧的并安装新的

npm uninstall node-sass

npm install sass

但是如果你想使用node-sass无论如何你可以根据你的node.js版本安装正确的版本如下

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

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

查看

希望对你有帮助

Answer 3

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

npm un node-sass
npm i -D sass

Answer 4

使用纱线的：

yarn remove node-sass
yarn add node-sass

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

yarn add node-sass@4.x.x

Answer 5

如果您在使用 node-sass 时遇到问题，您可以改用 sass 库。

npm i sass

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

npm -D i sass

Answer 6

节点 Sass 现在也已弃用，因此您可以尝试使用此命令卸载它

npm uninstall node-sass 并尝试：

npm install --save-dev sass

当我在使用 create react app

在项目上安装 sass 时遇到问题时，这对我有用

Answer 7

我卸载了 node-sass 并安装了 dart-sass 而我的问题 solved.it 是关于 node-sass 和 sass-loader

节点 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.js

sass

reactjs

node-sass

sass-loader

create-react-app