vue项目引入less

vue项目引入less报错

一 背景
因为我是用webpack 创建一个基于 webpack 模板的新项目: vue init webpack 项目名
在vue2项目上使用less,安装了 less 和 less-laoder之后，编译项目的时候提示报错
package.json里配置为

"less": "^4.1.1",
"less-loader": "^8.1.0",
 
"webpack": "^3.6.0",
"webpack-bundle-analyzer": "^2.9.0",
"webpack-dev-server": "^2.9.1",
"webpack-merge": "^4.1.0"

less-loader版本太高了，less8版本的需要更改配置，但我更改之后还是报错，所以只能降低版本

npm install less-loader@5.0.0 --save-dev

降级为5.0版本即可

快速解决方法

npm install less-loader@5.0.0 --save-dev

没有less的话安装一下：

npm install --save-dev less