vue 项目安装less后，启动报错解决方案

新建了一个vue项目，需要使用 less ，记录一下安装过程中遇到的问题。

  npm install less less-loader --save-dev

执行了这个命令，之后包了这个错误

image.png

查看了一下安装的less-loader版本

image.png

大概原因是因为loader版本太高了，所以重新安装了一下

卸载已安装的高版本

npm uninstall less-loader

安装低版本

npm install less-loader@4.1.0 --save

安装成功之后，npm run dev启动项目时候，出现了以下提示，没有顺利的启动成功

image.png

解决方案：找到 node_modules --> vue-loader --> lib --> template-compiler --> index.js

image.png

打开上图中的index.js，找到 parser:'babylon'

image.png

改成

image.png

再启动一次

npm run dev

image.png

启动成功，这时候页面就可以引入公用的less文件了！

image.png

完美~~