Vue报错"Failed to resolve loader:less-loader"的解决方法
前言
前几天在运行项目的时候，突然间报了这样一个错，虽然当时的我感觉很疑惑，明明上次跑的好好 的，这次为啥报我没有安装less-loader依赖，但是我还是老老实实地敲下了安装less-loader的代码，没想到折磨才刚刚开始。
一开始我是万万没有想到哇，我仅仅是敲了一句普普通通的、没啥毛病的npm install less-loader,就给我报了这么长一串错，直接给我整懵了，只能去问问度娘了。
在网上搜索一番之后发现，这貌似是依赖起冲突了， 现有的版本是webpack@4.46.0，但是less-loader依赖的是webpack5.0.0以上的版本，这就导致了冲突。
第一次尝试解决
npm install less-loader --legacy-peer-deps
这是我在网上找到的一个解决方案，其实并没有解决冲突，而是绕过冲突强行安装了，--legacy-peer-deps标志是在v7中引入的，作用是告诉npm忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。这个方案能够使less-loader安装成功，但是会引起新的报错。
这是因为虽然装上去了，但是因为版本太高而产生的报错。
第二次尝试解决
这一次直接尝试cnpm进行安装。
虽然有一点点小小的问题，但是不管他，咱们继续运行。
好吧，看来cnpm虽然能装上，但是和第一次尝试有着同样的问题。
解决问题
既然说是版本原因起的冲突，那么咱们不妨放弃最新版本的，安装一个低版本的less和less-loader，是不是就解决了呢。
npm install less-loader@4.1.0 npm install less@3.9.0
这样果然成功的把less-loader安装上了，项目也能运行了。
总结
到此这篇关于Vue报错"Failed to resolve loader:less-loader"解决的文章就介绍到这了,更多相关Vue报错Failed to resolve loader:less-loader内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
我们开发后台管理系统过程中，会由不同的人操作系统，有admin（管理员）、superAdmin(超管)，及各种运营、财务人员。为了区别这些人员，会给不同的人分配不一样的角色来展示不同的菜单，这就必须要通过动态路由来实现。下面就来介绍vue实现动态路由,需要的朋友可参考一下2021-10-10
这篇文章主要给大家介绍了关于如何以拖拽方式生成Vue用户界面的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
今天小编就为大家分享一篇vue中动态添加class类名的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
Vue是一个流行的前端框架，许多web开发人员使用Vue来构建他们的应用程序。然而，正如任何其他框架一样，Vue也可能会发生错误。在这篇技术文章中，我们将探讨Vue常见的报错以及如何解决它们2023-03-03
这篇文章主要介绍了Vue项目中使用自定义字体样式方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
webpack+vue-cil 中proxyTable配置接口地址代理操作
这篇文章主要介绍了webpack+vue-cil 中proxyTable配置接口地址代理操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
今天小编就为大家分享一篇vue 根据选择条件显示指定参数的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要介绍了Vue动态组件与异步组件，动态组件是根据数据的变化，可以随时切换不同的组件，比如咱们现在要展示一个文本框和输入框，我们想要根据我们data中定义的值去决定是显示文本框还是输入框2023-03-03
Vue3之getCurrentInstance与ts结合使用的方式
这篇文章主要介绍了Vue3之getCurrentInstance与ts结合使用的方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要给大家介绍了关于vue点击单张图片放大实现的相关资料,在vue项目中实现点击图片放大功能相信对大家来说都不陌生,文中给出了详细的js示例代码,需要的朋友可以参考下2023-07-07
最新评论