Node 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

包.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 版本，您可以使用

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

您可以根据下表选择您的版本号，根据您安装的相应节点版本

这对我有用

Answer 2

您可以尝试卸载node-sass并替换为sass. 那对我来说是这样的。

npm un node-sass
npm i -D sass

Answer 3

该错误似乎来自sass-loader不处理node-sass@6.

它已sass-loader@11.1.0通过此拉取请求修复。

另请注意，如果您使用node@16，则必须使用node-sass@6（请参阅node-sass版本政策）

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