vue 使用scss关于版本问题报错 (npm重装)

安装sass 后 , 执行运行报错

 Module build failed: TypeError: this.getOptions is not a function

看下面命令与执行结果 :

npm install node-sass

npm install sass-loader

npm run dev

 

 上述命令安装的是最新版的，出现错误的原因就是安装最新版的导致getOptions()不兼容，解决方案就是卸载sass-loader，安装低版本，命令如下(参考链接1)

npm uninstall sass-loader //卸载
npm install sass-loader@8.0.0  //安装8.

 

再次运行报错 :

Module build failed: Error: Node Sass version 7.0.0 is incompatible with ^4.0.0.

 

 然后根据参考链接2执行下面命令

npm uninstall node-sass //卸载 node-sass
npm i -D sass  //安装sass ; i 上install的简写 -D相当于--dev 参考链接5

 

再次运行报错 :

Module build failed: TypeError: this.getResolve is not a function

 

 还是 node-sass 版本太高(参考链接4)

npm uninstall sass-loader //卸载当前版本
npm install sass-loader@7.3.1

运行成功

 

备注 : 我的代码里用的是scss , scss是sass的升级版本

参考链接 : 

链接1 : https://zhuanlan.zhihu.com/p/373588593

链接2 : https://blog.csdn.net/qq_34288090/article/details/122025750

链接3 : https://blog.csdn.net/baozhuona/article/details/78570683

链接4 : https://blog.csdn.net/weixin_42614080/article/details/105479133

链接5 : https://www.cnblogs.com/aidixie/p/11813183.html