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

Question

我认为我正在使用适当的 node/npm/node-sass 版本，但在运行npm start comment时仍然收到此错误 - “Node Sass 版本 7.0.1 与 ^4.0.0 不兼容” 。我不确定这个 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开始，然后是 v4.0.0，最后是 v5.0.0。

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

您还需要知道Node Sass 已被弃用，您应该尝试使用 Dart Sass。