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

Vue项目中使用lang=“less“报错_第1张图片

报错原因

在安装less-loader,使用如下命令:

npm install --save-dev less-loader less

我们可以package.json文件中找到less-loaderless版本,发现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-loaderless版本,less-loader版本已经降到了7.X即可,重新运行项目就不会报错了。
Vue项目中使用lang=“less“报错_第2张图片

你可能感兴趣的:(Bug,vue,less-loader,less,版本,bug)