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中cookies的使用方式

    vue中cookies的使用方式

    这篇文章主要介绍了vue中cookies的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-08-08
  • vuex页面刷新数据丢失解决方法详解

    vuex页面刷新数据丢失解决方法详解

    这篇文章主要为大家介绍了vuex页面刷新数据丢失解决方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • 在vue中如何封装G2图表

    在vue中如何封装G2图表

    这篇文章主要介绍了在vue中如何封装G2图表,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • vue-cli配置全局sass、less变量的方法

    vue-cli配置全局sass、less变量的方法

    这篇文章主要介绍了vue-cli配置全局sass、less变量的方法,本文分步骤给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-06-06
  • vue-scroller记录滚动位置的示例代码

    vue-scroller记录滚动位置的示例代码

    本篇文章主要介绍了vue-scroller记录滚动位置的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • vue-router为激活的路由设置样式操作

    vue-router为激活的路由设置样式操作

    这篇文章主要介绍了vue-router为激活的路由设置样式操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • 详解auto-vue-file:一个自动创建vue组件的包

    详解auto-vue-file:一个自动创建vue组件的包

    这篇文章主要介绍了auto-vue-file:一个自动创建vue组件的包,需要的朋友可以参考下
    2019-04-04
  • vue使用axios获取不到响应头Content-Disposition的问题及解决

    vue使用axios获取不到响应头Content-Disposition的问题及解决

    这篇文章主要介绍了vue使用axios获取不到响应头Content-Disposition的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-06-06
  • Vue中render函数的使用方法

    Vue中render函数的使用方法

    本篇文章主要介绍了Vue中render函数的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • vite vue3 路由配置@找不到文件的问题及解决

    vite vue3 路由配置@找不到文件的问题及解决

    在Vite项目中配置路由时,可能会遇到文件路径错误导致的加载失败问题,常见的解决办法包括安装路径处理插件、正确设置vite.config.js中的路径别名以及重启项目,通过正确配置,可以确保路由正确加载对应的界面文件,避免路径错误导致的问题
    2024-10-10

最新评论