使用vue搭建项目，因为less 与 less-loader版本不匹配，无法编译的解决办法!

 前言：

今天通过跟随b站vue实战电商后台管理系统学习搭建项目时，进行到下载依赖less 和 less-loader来编译 less 预处理样式，检查没有其他报错，但总是无法编译。因为我刚开始是通过vue ui界面下载的版本，两个依赖版本如下：

 后来查找相关资料，猜测可能是版本不匹配问题，因为有类似sass的报错参考：

stackflow关于sass版本不匹配的解决办法

然后按照参考信息，成功解决了！

报错信息：

 error  in ./src/components/login.vue?vue&type=style&index=0&id=10d9df09&lang=less&scoped=true

Syntax Error: TypeError: this.getOptions is not a function

解决办法：

总体思路：

 

1. 先找到项目中的 package.json配置文件，找到如下地方，修改为这两个版本。

注意：其他相对应的版本我没有找到相关的对照表，所以不清楚，这个是视频中用到的版本，所以我直接用了。如果你知道其他相对应的版本也可以，欢迎留言(*^▽^*)！蟹蟹

2. 然后删除已有的node_models文件夹，并且删除package-lock.json

这里是为了重新通过package.json配置依赖文件下载安装修改后的相关依赖版本。

3. 通过npm insall 重新下载相关依赖。

最后，编译运行成功！