Vue中less使用过程因版本过高报错的问题怎么办

Admin 2022-06-18 群英技术资讯 418 次浏览

关于“Vue中less使用过程因版本过高报错的问题怎么办”的知识有一些人不是很理解,对此小编给大家总结了相关内容,具有一定的参考借鉴价值,而且易于学习与理解,希望能对大家有所帮助,有这个方面学习需要的朋友就继续往下看吧。

1.安装less依赖:npm install less less-loader --save

2.修改webpack.base.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加

// 此种方法在控制台中标签样式显示的是style标签样式
{ 
    test: /\.less$/,

    loader: "style-loader!css-loader!less-loader",
  
   options: { sourceMap: true } //可以在控制台中看到当前标签样式来自于哪个less文件
}

3.在项目中使用

在vue文件中的style标签中添加lang="less"即可在标签中使用less,或者外部引入less

遇到的问题:

原因:less-loader安装的版本过高
解决方案:

1.npm uninstall less-loader2.npm install less-loader@5.0.0

或者直接在package.json文件中直接修改版本号 然后 npm install


这篇关于“Vue中less使用过程因版本过高报错的问题怎么办”的文章就介绍到这了,更多相关的内容,欢迎关注群英网络,小编将为大家输出更多高质量的实用文章! 群英智防CDN,智能加速解决方案
标签: less使用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

猜你喜欢

成为群英会员,开启智能安全云计算之旅

立即注册
专业资深工程师驻守
7X24小时快速响应
一站式无忧技术支持
免费备案服务
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
在线客服
微信公众号
返回顶部
返回顶部 返回顶部
在线客服
在线客服