目录
  • vue sass-loader的版本过高导致的编译错误
    • 解决办法
    • 在VUE项目中安装scss
  • 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版本，解析成功！！

    总结

    以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

    声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。