New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Node Sass version 6.0.0 is incompatible with ^4.0.0 || ^5.0.0. #3103
Comments
Same issue here.
npm ERR! code ELSPROBLEMS npm ERR! A complete log of this run can be found in:
./src/styles/_global.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/styles/_global.scss) |
sass-loader requires node-sass 4 or 5. |
As of 2 days ago, You should be able to update |
I dont have sass-loader as a dependency in my project (used a fresh create react app) and followed the steps on https://create-react-app.dev/docs/adding-a-sass-stylesheet/ and got this error
|
@duc-talentwunder create-react-app adds |
Adding sass-loader as as dev-dependency solved this for me. |
That's correct. It's unfortunate that is not easy to upgrade it for |
For me "sass-loader" only goes to version "^8.0.2". Am I missing something here? Im implementing scss into a Create React App & Typescript build. |
@tanapaydin is right, but I also had to erase the |
Hey @Edely - thank you, can I clarify, which node_modules folder? |
For those of you who want a workaround... I have downgraded to Version 5... I will let you know if I encounter any major issues |
I also tried the same thing but I still get the error |
For anyone looking for how to fix: |
i have same error , and do it your suggest, but its same when open app: |
I tried this as well and still got the same error. 😢 |
Running into the same issue. I can't install new dependencies until I update electron, once I updated electron during the install node-sass started crying out. Now stuck with the case where node-sass doesn't work. Keeps saying:
|
I installed the last version of sass-loader by |
I am using "sass-loader": "^11.1.1", and still getting error: Already deleted node_modules and lock file and installed everything again. |
Find a solution:
updating css-loader and react-script fixed my issue. |
thank you very much! |
Error: Node Sass version 5.0.0 is incompatible with ^4.0.0. or node sass version 5.0.0 is incompatible with ^4.0.0 SOLUTION THAT WORKED FOR ME with npm => |
|
This is not working for me., i am using the latest version of node. |
only works when node-sass is a top-level dependency, but not when it's installed as a module dependency, i.e. Create React App. |
Thanks Daniel. I do used Create React App to run my react projects, I used node-sass v14 which was working well with my initial version of Node, after updating my node to v16 some days ago, the node-sass stopped working, I've tried updating the node-sass to the latest version(v16) but I'm still getting the error. |
|
to fix it I had to remove "devDependencies": {
"node-sass": "^6.0.0"
} and run not sure what exactly helped me I'm using |
@dsvgit Thank you for your latest post!! I tried updating to the latest node-sass version |
This solved my issue. Super! |
I was getting below error node sass version 6.0.0 is incompatible with 4.0.0 performed below steps and it worked for me with npm => |
delete yarn.lock |
完美解决了我遇到的问题 感谢感谢 |
For CRA it was enough to update react-scripts 🤯 |
This worked for me. Note that if you use yarn, the lock file is called "yarn.lock". |
node-sass is a deprecated lib
then
it worked for me. |
Thats the correct answer. |
solution above was found here: answer provided by: |
This work for me!! Thanks. |
Upgrade you sass loader and it should work smooth as butter!. npm i sass-loader@latest |
When I tried to compile my project with "yarn hot or yarn watch" I had the same error.
after that, you can run your project without problem :) |
It helps me !!! "node-sass": "^6.0.0", |
I had the same Issue. My solution was. Switch from node-sass to sass. After that it was not working. So i have also updated my old "react-scripts": "^3.4.1" to "react-scripts": "^5.0.0". And then magic, it works. I use this with node 16.8.
|
Try this one. This combination solves my problem. |
有用的 |
worked for me |
Update react-scripts |
Hello.
|
|
npm -v
):7.12.0
node -v
):16.0.1
node -p process.versions
):{
node: '16.1.0',
v8: '9.0.257.24-node.11',
uv: '1.41.0',
zlib: '1.2.11',
brotli: '1.0.9',
ares: '1.17.1',
modules: '93',
nghttp2: '1.42.0',
napi: '8',
llhttp: '6.0.1',
openssl: '1.1.1k+quic',
cldr: '39.0',
icu: '69.1',
tz: '2021a',
unicode: '13.0',
ngtcp2: '0.1.0-DEV',
nghttp3: '0.1.0-DEV'
}
node -p process.platform
):darwin
node -p process.arch
):x64
node -p "require('node-sass').info"
):node-sass 6.0.0 (Wrapper) [JavaScript]
libsass 3.5.5 (Sass Compiler) [C/C++]
npm ls node-sass
):theme-landing@0.1.0 /Users/semihraifgurel/GitHub.noindex/theme-landing
├── node-sass@6.0.0
└─┬ react-scripts@4.0.3
└─┬ sass-loader@10.1.1
└── node-sass@6.0.0 deduped invalid
npm ERR! code ELSPROBLEMS
npm ERR! invalid: node-sass@6.0.0 /Users/semihraifgurel/GitHub.noindex/theme-landing/node_modules/node-sass
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/semihraifgurel/.npm/_logs/2021-05-10T07_38_04_899Z-debug.log
semihraifgurel@Semih-MacBook-Pro theme-landing %
The text was updated successfully, but these errors were encountered: