Vue中less-loader项目依赖配置

项目场景：

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”

以上

1. 参考一：缺少依赖
2. 参考三：版本过高