Vue项目中使用lang=“less“报错

具体报错截图

error in .ciews/Main.vue?vue&type=style&index=0&id=c1f1971a&lang=less&scoped=true&
Syntax Error: TypeError: this.getOptions is not a function

报错原因

在安装less-loader，使用如下命令：

npm install --save-dev less-loader less

我们可以package.json文件中找到less-loader和less版本，发现less-loader为"^8.1.0"， less为"^4.1.1"，原因是less-loader安装的版本太高，卸载重新安装7.0版本即可

解决方法

卸载less-loader，重新安装，具体操作如下：

// 卸载
npm uninstall --save less-loader
// 安装
npm install -D [email protected]

执行上面的命令完后继续查看package.json文件中less-loader和less版本，less-loader版本已经降到了7.X即可，重新运行项目就不会报错了。