Vue项目，安装less，less-loader，报错【TypeError: this.getOptions is not a function】解决办法

问题：Vue项目，安装less和less-loader ，

报错【Syntax Error: TypeError: this.getOptions is not a function】

 

报错如下：

 

报错原因：

在可视化页面里，默认安装最新版本的less和less-loader，而最新版本的依赖包往往不稳定，容易出现问题，所以，我们应该安装稳定的版本。

 

解决办法：

1.先卸载掉原先的版本

2.通过命令行的方式安装指定的版本（注意：在你当前项目里安装即可，不用全局安装，所以加-D即可）

【以下两个版本请放心使用】

PS C:\34779\项目实战day01\code\vue_shop> npm i less@3.9.0 less-loader@4.1.0 -D

注意：上面的【C:\34779\项目实战day01\code\vue_shop】是我的项目的根目录，记得在你自己的项目根目录里安装哟~~

 

安装好之后，点击停止，关闭项目页面，重新点击【运行】

 

结果：编译成功~~启动app成功~~无报错~~

 

 

 

 

---

 

 

OK，到这里就结束了，关注我，我们一起探讨前端那些事~~

如果内容对你有帮助，请在屏幕下方【一键三连】告诉我吧~~！