You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

执行ng s时遇sass-loader依赖错误,请求技术协助

解决Angular启动时sass-loader要求node-sass>=4的构建错误

这是Angular项目里很常见的依赖版本冲突问题,我给你几个实用的解决办法:

方法一:安装兼容版本的node-sass

  1. 先卸载当前项目里的node-sass(如果已安装):
npm uninstall node-sass
  1. 安装符合要求的node-sass稳定版本(比如4.14.1,这个版本和大多数旧版sass-loader适配性很好):
npm install node-sass@4.14.1 --save-dev
  1. 重新启动Angular项目:
ng s

方法二:用dart-sass替代node-sass(推荐方案)

由于node-sass已经停止维护,Angular官方现在更推荐使用dart-sass(对应npm包名为sass),步骤如下:

  1. 卸载旧的冲突依赖:
npm uninstall node-sass sass-loader
  1. 安装dart-sass和兼容的sass-loader版本:
npm install sass sass-loader@10 --save-dev

(注:sass-loader@10及以上版本原生支持dart-sass,如果你的Angular版本较新,也可以尝试安装最新版sass-loader
3. 重新启动项目:

ng s

额外提示

如果还是有问题,可以打开项目的package.json文件,确认sass-loader和你安装的sass/node-sass版本是否匹配,你可以查看sass-loader的npm文档来确认版本对应关系。


你提供的错误信息:

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss)
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (E:\Ibtikar\shop\node_modules\sass-loader\lib\loader.js:31:19)
ERROR in ./src/app/app.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (E:\Ibtikar\shop\node_modules\sass-loader\lib\loader.js:31:19)
ERROR in ./src/app/detail-view/detail-view.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (E:\Ibtikar\shop\node_modules\sass-loader\lib\loader.js:31:19)
ERROR in ./src/app/footer/footer.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (E:\Ibtikar\shop\node_modules\sass-loader\lib\loader.js:31:19)
ERROR in ./src/app/products/products.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (E:\Ibtikar\shop\node_modules\sass-loader\lib\loader.js:31:19)
ERROR in ./src/app/slider/slider.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (E:\Ibtikar\shop\node_modules\sass-loader\lib\loader.js:31:19)
ERROR in ./src/app/header/header.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (E:\Ibtikar\shop\node_modules\sass-loader\lib\loader.js:31:19)

错误截图:

Angular sass-loader版本冲突错误截图

内容的提问来源于stack exchange,提问作者FiryCode

火山引擎 最新活动