Vue中less-loader项目依赖配置

最新推荐文章于 2025-03-20 09:53:22 发布

Hank_Zheng

最新推荐文章于 2025-03-20 09:53:22 发布

阅读量1.5k

点赞数

分类专栏： vue 文章标签： vue vue.js

本文链接：https://blog.youkuaiyun.com/Hank_Zheng/article/details/115426589

版权

vue 专栏收录该内容

1 篇文章

订阅专栏

在Vue单文件组件（Login.vue）中，尝试使用Less语法时遇到问题。首次编译提示缺少`less-loader`依赖。通过Vue图形化界面安装`less-loader`及相关依赖后，二次编译出现错误，指出某个方法不是函数，这可能是由于`less-loader`版本过高导致。解决方案是卸载高版本`less-loader`，并手动在终端安装指定低版本（如5.0.0）以解决问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目场景：

Vue项目，vscode编写

问题描述：

在单文件组件“Login.vue”，样式声明中，声明支持“less语法”，如下
在这里插入图片描述
但是出现了几个问题：

第一次编译，报错说缺少“less-loader”项目依赖
解决方法：在“Vue图形化界面”中手动安装了三个项目依赖，如图
直接在“Vue图形化界面”中手动安装项目依赖后，第二次编译运行，报错说“某个方法，不是函数”，如图
原因：“less-loader”版本过高
解决方法：卸载“less-loader”项目依赖，手动在终端安装低版本，指令“npm install -save less-loader@x.x.x”，例如“npm install -save less-loader@5.0.0”