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

iswrvxsc  于 5个月前  发布在  Mac
关注(0)|答案(2)|浏览(86)

我认为我使用了适当的node/npm/node-sass版本,但在运行npm startcomment时,仍然收到此错误-“Node Sass version 7.0.1 is incompatible with ^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"
  }
}


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

k4ymrczo

k4ymrczo1#

这是您的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 is deprecated,你应该尝试使用Dart Sass。

bt1cpqcv

bt1cpqcv2#

不要再用node-sass了

node-sass已弃用。请改用use sass
您可以卸载旧的it,并只使用sass与此命令

npm uninstall node-sass

npm install sass

字符串

但如果你想使用node-sass无论如何

您可以使用下表为已安装的节点版本安装相应的版本node-sass,您可以通过命令node --version进行检查

npm install node-sass@(your version)


x1c 0d1x的数据

相关问题