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

IT技术 reactjs sass create-react-app node-sass sass-loader
2021-05-19 15:38:11

我尝试安装 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"
  },

在此处输入图片说明

4个回答

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

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

您可以根据下表选择您的版本号,根据您安装的节点版本,您可以通过命令查看 node --version

node-sass 兼容性表

我希望它能帮助你

您可以尝试卸载node-sass并替换为sass. 那是为我做的。

npm un node-sass
npm i -D sass

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

它已被固定在sass-loader@11.1.0该拉的请求

另请注意,如果您使用node@16,则必须使用node-sass@6(请参阅node-sass 版本策略

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

对于使用纱线的人:

yarn remove node-sass
yarn add node-sass

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

yarn add node-sass@4.x.x