Vue使用less报错的解决方法

前言

    接触vue将近一年了，之前都是用Less 作为css的预处理语言，所以封装好了一个基本的项目模板供之后快速开发。最近想从头自己敲一遍来巩固复习之前学的知识时，发现我的vue竟然无法使用less了…怎么搞都是报错，快崩溃-_-

解决

    找不到原因只好来看看之前的模板，突然发现两者的less，less-loader版本不同，我就分别尝试了一下将其中之一修改成原来的低版本。发现竟然是less-loader版本太高了…具体原因我也没细究，只当不兼容less的版本吧。有关vue使用less的相关操作可以细看vue如何使用less

指定较低版本的less-loader来下载

npm install less less-loader@5 --save       //指定较低版本的less-loader下载就可以解决问题了

---

以下是解决时的截图

我新建的项目下载的less，less-loader版本

我新建的项目使用less报错

查看之前模板的less，less-loader版本

将最新的less-loader版本修改之前的5.0.0版本的less-loader

运行成功