Node Sass version 6.0.0 is incompatible with ^4.0.0 || ^5.0.0 in React.js

user_8525682 0
Viewed 19396

I tried to install sass-loader to compile scss, but it shows a version compatibility error. I downgrade the version and did so many things, but still shows the same issue.

React version- 17.0.2 node version- 16.2.0 npm version - 7.13.0

Package.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

sass-loader node-sass create-react-app reactjs sass
7 Answers

node-sass is deprecated. Instead use sass.

You can uninstall the old and install the new one

npm uninstall node-sass

npm install sass


But if you want to use node-sass anyways You can you can install the right version based on your node.js version as follows

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

You can choose your version number based on the following table, based on the node version you have installed, which you can check by the command node --version

node-sass compatibility table

I hope it helps you

user_144870320

You could try uninstalling node-sass and replacing it with sass. That did it for me.

npm un node-sass
npm i -D sass
user_114349690

The error seems to come from a version of sass-loader that doesn't handle node-sass@6.

It has been fixed in sass-loader@11.1.0 by this pull request.

Also note that if you use node@16, you will have to use node-sass@6 (see node-sass version policy)

To sum up: You can use node-sass@6 given you also install a recent sass-loader version.

user_9309090

For the ones that uses yarn:

yarn remove node-sass
yarn add node-sass

if you want a specific node-sass version

yarn add node-sass@4.x.x
user_144592350

Node Sass is also deprecated now so you can try uninstalling it by using this command

npm uninstall node-sass and trying:

npm install --save-dev sass

this worked for me when I was having issues installing sass on a project using create react app

user_58114310

If you have problems with node-sass, you can use the sass library instead.

npm i sass

You can also install it as a developer dependency if you prefer, it's even better practice.

npm -D i sass
user_145956500

i uninstall node-sass and install dart-sass than my problem solved.it is about node-sass and sass-loader

user_93714710
Related