Vue启动失败报错:Module not found: Error: Can‘t resolve 'less-loader'解决
更新时间：2023年03月16日 11:33:10 作者：小花皮猪
这篇文章主要给大家介绍了关于Vue启动失败报错:Module not found: Error: Can‘t resolve 'less-loader'解决的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
问题描述
今天想在网上找一个好看的登录页面，把别人的代码引入进来之后，发现项目编译不了，并且报错了：
Module not found: Error: Can’t resolve ‘less-loader’
分析问题
从错误的日志就可以看出来，是缺少了less-loader这个依赖，但是我们又在项目中使用了(引用了)Sass语法，就会保一下错误
实际上是组件中的样式里加了这么个代码
<style lang="less" scoped> </style>
比如这里：
科普：什么是less-loader
简单来说：
webpack 将 Less 编译为 CSS 的 loader。
解决问题：安装less插件
而这个less是需要安装的，直接执行命令:
npm install --save-dev less-loader less
这个包很小，下载起来很快的:
这是他npm的地址
https://www.npmjs.com/package/less-loader
注意：如果less直接安装，会自动安装为最新版本，可能会导致项目无法启动，所以要根据自己的vue版本选择less适用的版本
下载完成之后再次启动项目即可：
总结
这种错误还是比较容易发现和解决的，解决类似的问题通常有一个技巧：
但凡只要遇到 Module not found:Error:Can`t resolve ‘XXXXXXXXXXXX’，都是项目中没有安装这个依赖。 只需要执行 ： npm install XXXXXX 就能解决问题。
到此这篇关于Vue启动失败报错:Module not found: Error: Can‘t resolve 'less-loader'解决的文章就介绍到这了,更多相关Vue启动失败报错Module not found:内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了vue车牌搜索组件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
Vue的生命周期就是vue实例从创建到销毁的全过程,也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程,称这是Vue的⽣命周期2022-07-07
axios封装，使用拦截器统一处理接口，超详细的教程（推荐）
这篇文章主要介绍了axios封装使用拦截器处理接口，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
下面小编就为大家分享一篇vue组件传递对象中实现单向绑定的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
本文主要介绍了Element修改弹窗类组件的层级的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
最近公司需要做个项目,需要拖拽表格和自定义表格字段,本文主要介绍了vue中el-table实现可拖拽移动列和动态排序字段,具有一定吃参考价值,感兴趣的可以了解一下2023-12-12
下面小编就为大家带来一篇vue父组件中获取子组件中的数据(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了利用vant如何给tabbar配置路由，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
在Vue3中使用环境变量的方式与Vue2基本相同,下面这篇文章主要给大家介绍了关于vue项目index.html中使用环境变量的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-02-02
这篇文章主要介绍了如何获取this.$store.dispatch的返回值问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
最新评论