vue如何解决sass-loader的版本过高导致的编译错误

 更新时间:2024年06月05日 14:54:55   作者:前无止境CSND  
这篇文章主要介绍了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-router路由懒加载及实现的3种方式

    vue-router路由懒加载及实现的3种方式

    这篇文章主要给大家介绍了关于vue-router路由懒加载及实现的3种方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-02-02
  • Vue.js实现watch属性的示例详解

    Vue.js实现watch属性的示例详解

    本文讨论了watch函数是如何利用副作用函数和options进行封装实现的,也通过调度函数去控制回调函数的立即执行和执行时机,还可以解决竞态问题,感兴趣的可以了解一下
    2022-04-04
  • vue如何封装自己的Svg图标组件库(svg-sprite-loader)

    vue如何封装自己的Svg图标组件库(svg-sprite-loader)

    这篇文章主要介绍了vue如何封装自己的Svg图标组件库(svg-sprite-loader),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-04-04
  • vue中onmounted周期里获取不到dom的原因及分析

    vue中onmounted周期里获取不到dom的原因及分析

    这篇文章主要介绍了vue中onmounted周期里获取不到dom的原因及分析,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • el-table渲染慢卡顿问题最优解决方案

    el-table渲染慢卡顿问题最优解决方案

    本文主要介绍了el-table渲染慢卡顿问题最优解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • vue实现的上拉加载更多数据/分页功能示例

    vue实现的上拉加载更多数据/分页功能示例

    这篇文章主要介绍了vue实现的上拉加载更多数据/分页功能,涉及基于vue的事件响应、数据交互等相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • web项目开发中2个Token原因解析及示例代码

    web项目开发中2个Token原因解析及示例代码

    这篇文章主要介绍了web项目开发中会出现2个Token原因的解析以及实现的示例代码,有需要的同学可以借鉴参考下,希望可以有所帮助
    2021-09-09
  • vue-meta实现router动态设置meta标签的方法

    vue-meta实现router动态设置meta标签的方法

    这篇文章主要介绍了vue-meta实现router动态设置meta标签,实现思路非常简单内容包括mata标签的特点和mata标签共有两个属性,分别是http-equiv属性和name属性,本文通过实例代码给大家详细讲解需要的朋友可以参考下
    2022-11-11
  • 如何使用HBuilderX把vue项目打包成apk

    如何使用HBuilderX把vue项目打包成apk

    这篇文章主要介绍了如何使用HBuilderX把vue项目打包成apk,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07
  • Vue动态路由缓存不相互影响的解决办法

    Vue动态路由缓存不相互影响的解决办法

    这篇文章主要介绍了Vue动态路由缓存不相互影响的解决办法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-02-02

最新评论