Try to fix this error "Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0."

Question

I installed the latest version of node-sass in my react app but I got this error

"./src/index.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/index.scss)
Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0."

My Json file :

{
  "name": "new-project-to",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "cra-template": "1.1.2",
    "node-sass": "^6.0.1",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3"
  },

I've checked some solutions on StackOverflow like npm install node-sass@4.14.1 but it didn't work?

What do you think guys?

have you tried exact `^4.0.0` ? `npm install node-sass@^4.0.0` ? — Amruth, Aug 08 '21 at 14:27
See https://stackoverflow.com/questions/64625050/error-node-sass-version-5-0-0-is-incompatible-with-4-0-0. For me, `npm uninstall node-sass; npm install sass` worked. — jrc, Aug 21 '21 at 01:39

score 2 · Answer 1 · edited Nov 23 '21 at 09:25

2

Update your sass-loader like this: npm i sass-loader@latest

edited Nov 23 '21 at 09:25

pzrq

1,626
1
18
24

answered Aug 08 '21 at 19:29

Soloh

99
3
10

Did you try this? - David Jay – Soloh Sep 02 '21 at 11:10

score 2 · Answer 2 · answered Aug 17 '21 at 14:11

2

Can you try editing the package.json to read


"dependencies": {
  "node-sass": "^5.0.0",
  ...
},
...

and then run npm i

Hope that helps, but it may not if Armuth's solution didn't work...

answered Aug 17 '21 at 14:11

WR49

21
2

just tried, this one works for me ~ – jimzcc Sep 27 '21 at 14:34

score 1 · Answer 3 · answered Sep 23 '21 at 18:27

1

updating your react-scripts to the latest version should fix the problem.

answered Sep 23 '21 at 18:27

Richard Torcato

2,504
25
26

score 1 · Answer 4 · answered Oct 08 '21 at 14:12

1

updating sass using 'npm i sass-loader@latest' and 'npm audit fix' worked for me.

answered Oct 08 '21 at 14:12

Paulo Henrique

11
2

you can try also (check answers): https://stackoverflow.com/questions/64625050/error-node-sass-version-5-0-0-is-incompatible-with-4-0-0 – Paulo Henrique Oct 09 '21 at 01:52

score 1 · Answer 5 · answered Oct 18 '21 at 13:16

1

You must restart npm start wish you luck:)

answered Oct 18 '21 at 13:16

mahdi

21
2

1

As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Oct 18 '21 at 16:26

Abraham · Answer 6 · 2021-11-26T23:09:45.437

1

This worked

To install the working node-sass version, you can use

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 are using which you can check by the command node --version

I hope it helps you

edited Nov 26 '21 at 23:09

answered Nov 26 '21 at 23:01

Abraham

12,140
4
56
92

Try to fix this error "Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0."

6 Answers6

This worked