Vue中安装sass依赖,style引用出现报错。sass-loader高版本的坑

Posted 2020-12-20 xpf123

安装包：

npm install node-sass --save-dev

npm install sass-loader --save-dev

（sass-loader依赖于node-sass）

在build文件夹下的webpack.base.conf.js的rules里面添加配置

    {

        test: /.sass$/,

        loaders: [‘style‘, ‘css‘, ‘scss‘]

      }

基本上都是sass-loader的版本过高导致的编译错误，所需要降低版本

解决办法：cd到项目文件里面运行下面

npm uninstall sass-loader（卸载当前版本）
npm install sass-loader@7.0.3 --save-dev