角度錯誤：Node Sass 6.0.0 版與 ^4.0.0 不兼容。 角

Question

我安裝了 NPM 包，在啟動 npm 后我得到了node sass錯誤，如下所示：

拋出錯誤：

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

這是一個與 node.js 版本不匹配的簡單版本。

要安裝工作 node-sass 版本，您可以使用

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

根據您使用的節點版本，根據下表選擇您的版本號，您可以通過node --version查看

這對我有用

Answer 2

使用 npm =>

npm uninstall node-sass

npm install node-sass@4.14.1

用紗線 =>

yarn remove node-sass

yarn remove node-sass@4.14.1

npm卸載節點sass

npm install node-sass@4.14.1

這對我有用

Answer 3

使用以下代碼

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

這對我有用