Module build failed (from ./node_modules/sass-loader/lib/loader.js):

在使用angualr搭建项目,使用sass预编译器样式搭建项目,在app.commponent.sass文件编辑样式。控制台一直报预Module build failed (from ./node_modules/sass-loader/lib/loader.js):错误Module build failed (from ./node_modules/sass-loader/lib/loader.js):_第1张图片

 

去查看app.components.sass文件发现样式没有写错

Module build failed (from ./node_modules/sass-loader/lib/loader.js):_第2张图片

 

刚开始以为是node-sass版本的问题,把node-sass先卸载然后再安装,也试过使用淘宝镜像cnpm安装,但后面发现还是报一样的问题。

排除了node-sass的问题后突然想到会不会是sass写法出现了问题,毕竟控制台一直在提示 { 附近错误,后面去看了下sass的写法,果然如此。

原因: sass的写法出错

解决方案:去掉样式的{}

Module build failed (from ./node_modules/sass-loader/lib/loader.js):_第3张图片

 

疑惑: 去看了官网明明是支持 { } 的样式写法,但是为何控制台会报错,这个百思不得其解?

 

你可能感兴趣的:(angualr)