节点 Sass 版本 7.0.1 与 Mac 中 React 中的 ^4.0.0 不兼容

Question

我想我正在使用适当的 node/npm/node-sass 版本，但我仍然收到此错误 - “节点 Sass 版本 7.0.1 与 ^4.0.0 不兼容”，而运行 npm start 评论。我不确定这个 4.0.0 版本是什么。它不在我下面给出的任何版本中。

以下是已安装的版本

Node version - 16.15.0
NPM version - 8.11.0
Node Sass version - 7.0.1

下面是package.json

{
  "name": "test-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "http-proxy-middleware": "^1.0.6",
    "node-sass": "^7.0.1",
    "normalize-scss": "^7.0.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "^2.1.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "sass": "^1.52.1"
  }
}

有人能猜出是什么导致了不兼容的问题吗？

Answer 1

您的 sass-loader 版本不兼容。您可以通过以下方式查看您正在使用的版本：

node_modules > sass-loader > package.json

然后阅读"version"旁边写的内容。

您的项目使用了CRA，这意味着它是react-scripts处理sass-loader。更新您的 react-scripts 版本应该可以解决问题。

由于您使用的是旧版本，建议您逐步更新。您可以从 v3.0.0 then v4.0.0 and finally v5.0.0.

开始

不要忘记阅读每个版本的重大更改，因为它们可能会破坏代码的其他部分。

您还需要知道 Node Sass is deprecated 并且您应该尝试使用 Dart Sass。

节点 Sass 版本 7.0.1 与 Mac 中 React 中的 ^4.0.0 不兼容

Node Sass version 7.0.1 is incompatible with ^4.0.0 in React in Mac

sass

node.js

npm

reactjs