执行ng s时遇sass-loader依赖错误,请求技术协助
解决Angular启动时
sass-loader要求node-sass>=4的构建错误 这是Angular项目里很常见的依赖版本冲突问题,我给你几个实用的解决办法:
方法一:安装兼容版本的node-sass
- 先卸载当前项目里的
node-sass(如果已安装):
npm uninstall node-sass
- 安装符合要求的
node-sass稳定版本(比如4.14.1,这个版本和大多数旧版sass-loader适配性很好):
npm install node-sass@4.14.1 --save-dev
- 重新启动Angular项目:
ng s
方法二:用dart-sass替代node-sass(推荐方案)
由于node-sass已经停止维护,Angular官方现在更推荐使用dart-sass(对应npm包名为sass),步骤如下:
- 卸载旧的冲突依赖:
npm uninstall node-sass sass-loader
- 安装
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)
错误截图:

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




