这是 sass-loader 版本太高的原因,在 package.json文件中将 sass-loader 版本改成 7.3.1,然后运行 cnpm i ,然后重启项目就可以了。
下面说一下脚手架创建的vue项目引入scss的步骤:
1、安装:
npm install node-sass --save-dev //安装node-sass
npm install sass-loader --save-dev //安装sass-loader
npm install style-loader --save-dev //安装style-loader
2、修改 webpack.base.conf.js :
在 rules 里面添加:
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
},
写一段scss代码 ,运行项目 ,如果遇到如标题中的错误,去修改版本就行。