vue如何解决sass-loader的版本过高导致的编译错误
vue sass-loader的版本过高导致的编译错误
解决办法
请将webpack升级到4版本或将sass-loader降级到7版本。
cd到项目文件里面运行下面
npm uninstall sass-loader(卸载当前版本)
npm install sass-loader@7.3.1 --save-dev
备注:
在VUE项目中安装scss
1、安装sass依赖包,打开命令行输入:
npm install sass-loader -D
2、安装完依赖后,在webpack.config.js的rules里面添加配置
{ test: /.scss$/, loaders: [‘style', ‘css', ‘sass'] },
3、使用方法
<style lang='scss' scoped> $redColor: red; div {color: $redColor;} </style>
sass-loader高版本问题,解析就报错!!
安装了sass-loader8.0版本后,webpack解析出现了报错,如下:
Module build failed: TypeError: this.getResolve is not a function;
报错主要在于版本太高目前的环境依赖不了
解决办法
npm uninstall sass-loader npm install sass-loader@7.1.0 --save-dev
这里我降低了一个版本,安装了7.1版本,解析成功!!
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue如何封装自己的Svg图标组件库(svg-sprite-loader)
这篇文章主要介绍了vue如何封装自己的Svg图标组件库(svg-sprite-loader),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-04-04
最新评论