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:内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 本地部署element-plus文档的简单步骤

    本地部署element-plus文档的简单步骤

    由于公司网络登element-ui官方文档很慢,想把他载下来离线文档本地跑,下面这篇文章主要给大家介绍了关于本地部署element-plus文档的简单步骤,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • Vue+ElementUI技巧之自定义表单项label的文字提示方法

    Vue+ElementUI技巧之自定义表单项label的文字提示方法

    这篇文章主要给大家介绍了关于Vue+ElementUI技巧之自定义表单项label文字提示的相关资料,文中通过图文以及代码示例介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2024-02-02
  • 使用echarts点击按钮从新渲染图表并更新数据

    使用echarts点击按钮从新渲染图表并更新数据

    这篇文章主要介绍了使用echarts点击按钮从新渲染图表并更新数据方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • Element-UI结合递归组件实现后台管理系统左侧菜单

    Element-UI结合递归组件实现后台管理系统左侧菜单

    在Vue.js中使用递归组件可以方便地构建多层级的菜单结构,递归组件适用于处理具有嵌套关系的数据,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-09-09
  • element validate验证函数不执行的原因分析

    element validate验证函数不执行的原因分析

    这篇文章主要介绍了element validate验证函数不执行的原因分析,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-04-04
  • vue下载文件以及文件重命名方式

    vue下载文件以及文件重命名方式

    这篇文章主要介绍了vue下载文件以及文件重命名方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • vue网站优化实战之秒开网页

    vue网站优化实战之秒开网页

    最近在搭建自己的博客,前端采用Vue技术,发现首页加载速度非常之慢,常常达到10S左右,遂开始优化之旅,这篇文章主要给大家介绍了关于vue网站优化实战之秒开网页的相关资料,需要的朋友可以参考下
    2022-08-08
  • vue使用拖拽方式创建结构树

    vue使用拖拽方式创建结构树

    这篇文章主要为大家详细介绍了vue使用拖拽方式创建结构树,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • OpenDataV低代码平台新增组件流程详解

    OpenDataV低代码平台新增组件流程详解

    这篇文章主要为大家介绍了OpenDataV低代码平台新增组件流程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • Vue3解决Mockjs引入后并访问404(Not Found) 的页面报错问题

    Vue3解决Mockjs引入后并访问404(Not Found) 的页面报错问题

    mock.js:是一款模拟数据生成器,可以生成随机数据,拦截 Ajax 请求,使用mockjs模拟后端接口,可随机生成所需数据,模拟对数据的增删改查,本文给大家介绍了Vue3解决Mockjs引入后并访问404(Not Found) 的页面报错问题,需要的朋友可以参考下
    2025-04-04

最新评论