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

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

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

最佳答案

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

npm uninstall node-sass
npm install node-sass@4.14.1
您可以根据下表选择您的版本号,根据您安装的相应节点版本
node-sass compatibility table
我希望它能帮助你

关于reactjs - Node Sass 6.0.0 版本与 ^4.0.0 不兼容 || ^5.0.0 在 React.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67891774/

相关文章:

reactjs - Nextjs路由器: Redirect hash routes to non hash routes

javascript - 我的套接字怎么能留在房间里,所以客户端会收到消息

html - 使用 CSS 的垂直连接线

reactjs - 在 create-react-app 项目中将 svg 作为 ReactComponent 导入时出现未定义

html - 用于测试 React 应用程序的 jest/enzyme 不提供页面标题,如何获取标题?

javascript - 添加多个输入行并将其添加到使用reactJS的fetch方法

node.js - Socket.io断开与组件的连接不起作用

css - sprockets::FileNotFound;找不到文件 'selectize.source.css'

css - 如何在 FireFox 中为 SVG 使用十六进制值

javascript - react |从保存 URL 的变量导入图像 - 为什么我得到错误的路径?