logo标签列表

错误：Node Sass版本6.0.0与^4.0.0不兼容。Angular

node.jsangularsass
4

我安装了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)
1
就我个人而言，当我完成了对 Angular 11 的升级后，package.json 中就不再有 node-sass 了。（虽然我无法解释为什么，因为我是从 9.x 版本一步一步地升级的，并且还手动调整了一些东西。）但请注意，在这个过程中，package.json 中也添加了 sass-loader 12.1.0。 - Wellspring
1
这个回答解决了你的问题吗？错误：Node Sass版本5.0.0与^4.0.0不兼容。 - Wai Ha Lee
3个回答
6

这是一个与Node版本不匹配的简单问题。

要安装适用的node-sass版本，您可以使用以下命令：

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

根据下表选择您的版本号，取决于您正在使用的节点版本，您可以通过运行node --version来检查节点版本。
请参考以下链接中的表格：node-sass compatibility table 这对我有用。
3

使用 npm =>

npm uninstall node-sass

npm install node-sass@4.14.1

使用Yarn =>

yarn remove node-sass

yarn remove node-sass@4.14.1

npm uninstall node-sass

npm install node-sass@4.14.1

这对我有效。

0
使用以下代码
 npm uninstall node-sass
 npm install node-sass@4.14.1

这对我有效

1
你的回答与被接受的回答相似。请添加更多细节，或者如果你只是想说某些东西对你有用，就像之前的回答一样，你可以点赞给出的答案或添加评论。 - Gaurav Chauhan
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接