vue中引入scss报错的问题

以前一直在用less，没用过scss，这次写一个项目打算用scss来写的

 

然后发现了一些坑

正常我们都是在项目中直接安装scss的

npm install style-loader sass-loader node-sass --save-dev

以前安装了less是需要手动去配置的，然后就在在webpack.base.conf.js的rules中添加了

{
   test: /\.scss$/,
   loaders: ['style', 'css', 'sass']
},

然后再在页面中使用lang="scss"时发现报错了，后来网上一搜才知道vue-cli3已经帮我们把sass-loader配置好了，放在util.js里面，所以我们webpack.base.conf.js里不需要重复配置了，去掉就行

去掉之后发现还是报错了，最后又是一顿搜索，终于看到了一个解决办法的帖子了：https://blog.csdn.net/ytfunnysite/article/details/101072026

感谢这位仁兄
vue中lang="scss"后报错TypeError: this.getResolve is not a function at
由于当前sass的版本太高，webpack编译时出现了错误，这个时候只需要换成低版本的就行，下面说一下修改方法，很简单，如下，找到package.json和package-lock.json文件，里面的 "sass-loader"的版本更换掉 就行了，换成如下版本

"sass-loader": "^7.0.1",