vue CLI脚手架中vue文件添加样式后，less-loader版本过高导致编译失败问题解决

1.起因

在vue CLI脚手架中，添加了这么一段样式代码，结果编译失败

2.分析

查阅以及查看失败信息，是less-loader版本过高所致。当前版本是9.0.0，换到6.1.0。

3.解决

卸载当前less-loader以及less(不卸载less的情况下，无法安装指定版本号的less-loader，具体原因不详)。依次执行下述命令。

npm uninstall less-loader

npm uninstall less

npm install less-loader@6.1.0

npm install less

4.验证

重启工程，编译成功。