If you run into this issue, read this page: https://www.bramvandenbulcke.be/en/kb/failed-node-sass3131-postinstall-script The solution in my case: 1) Delete the package-lock.json file 2) npm install gulp-sass –save-dev 3) npm install node-sass@latest Version specific notes: [email protected] runs only on versions of Node.js up to v7 as stated in the release notes:
The issue is being tracked on the gitgub page https://github.com/sass/node-sass/issues/2625
ReactJS uses node-sass, run the below command. npm install node-sass –save
Since it’s required to do a production build, it should be in the production dependencies list imho. In my experience, most of the time the project gets build afresh for production, so needs all the packages required to build from scratch. A dev dependency might something like webpack-dev-server which isn’t needed for a prod build, … Read more
There is this closed issue on CRA repository, so you probably can easily migrate from node-sass to Dart Sass just running a few commands. First of all check your yarn.lock or package-lock.json to know if the version of the sass-loader that your react-scripts depends on is 7.2.0 or later. If so, all that you need … Read more
You’re using Node 12, and node-sass needs to be at least 4.12 to support that version https://github.com/sass/node-sass#node-version-support-policy
I did below to resolve the issue. npm uninstall node-sass npm i node-sass npm rebuild node-sass
If this is a mac machine (OSX) here is what you can do use terminal xcode-select –print-path then remove installed version sudo rm -r -f /Library/Developer/CommandLineTools and reinstall xcode-select –install that should fix the problem Ref: gyp: No Xcode or CLT version detected macOS Catalina
This issue has been reported in create-react-app and optimize-css-assets-webpack-plugin. https://github.com/facebook/create-react-app/issues/7980 https://github.com/NMFR/optimize-css-assets-webpack-plugin/issues/118 It appears the bug has been fixed, but the latest released version does not have the fix. I’ve fixed the problem by changing my opacity values from nn% to 0.nn values (e.g. 70% becomes 0.7).
In the node-sass documentation says you have to use –output-style, and it could be nested | expanded | compact | compressed. To minify use compressed For example: node-sass -w public/css/scss/style.scss public/css/style.css –output-style compressed will minify the CSS.