Angular Error: Node Sass version 6.0.0 is incompatible with ^4.0.0. Angular

Question

I Installing the NPM packages and after starting npm i got node sass error which are follows:

Throw an Error:

ERROR in ./node_modules/slick-carousel/slick/slick.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./node_modules/slick-carousel/slick/slick.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
Error: Node Sass version 6.0.0 is incompatible with ^4.0.0.
    at getRenderFuncFromSassImpl (D:\Templets\angular ecommerce side\embryoangularadmin\embryoangularadmin\Embryo-Main\embryo1\embryo\node_modules\sass-loader\lib\loader.js:108:19)
    at Object.sassLoader (D:\Templets\angular ecommerce side\embryoangularadmin\embryoangularadmin\Embryo-Main\embryo1\embryo\node_modules\sass-loader\lib\loader.js:46:20)
ERROR in ./node_modules/slick-carousel/slick/slick-theme.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./node_modules/slick-carousel/slick/slick-theme.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
Error: Node Sass version 6.0.0 is incompatible with ^4.0.0.
    at getRenderFuncFromSassImpl (D:\Templets\angular ecommerce side\embryoangularadmin\embryoangularadmin\Embryo-Main\embryo1\embryo\node_modules\sass-loader\lib\loader.js:108:19)
    at Object.sassLoader (D:\Templets\angular ecommerce side\embryoangularadmin\embryoangularadmin\Embryo-Main\embryo1\embryo\node_modules\sass-loader\lib\loader.js:46:20)
ERROR in ./src/assets/scss/style.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/assets/scss/style.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
Error: Node Sass version 6.0.0 is incompatible with ^4.0.0.
    at getRenderFuncFromSassImpl (D:\Templets\angular ecommerce side\embryoangularadmin\embryoangularadmin\Embryo-Main\embryo1\embryo\node_modules\sass-loader\lib\loader.js:108:19)
    at Object.sassLoader (D:\Templets\angular ecommerce side\embryoangularadmin\embryoangularadmin\Embryo-Main\embryo1\embryo\node_modules\sass-loader\lib\loader.js:46:20)

Answer 1

It's a simple version mismatch with node.

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

npm uninstall node-sass
npm install node-sass@4.14.0

choose your version number based on the following table, according to the node version you are using, which you can check by node --version

This has worked for me

Answer 2

with npm =>

npm uninstall node-sass

npm install node-sass@4.14.1

with yarn =>

yarn remove node-sass

yarn remove node-sass@4.14.1

npm uninstall node-sass

npm install node-sass@4.14.1

it's work for me

Answer 3

Use following code

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

it's work for me