iView定制主题时提示安装less-loader问题及解决方法

按照iView官网来是这样的:

1. 在main.js当前目录下新建themes文件夹,里面新建一个叫blue.less的文件

iView定制主题时提示安装less-loader问题及解决方法_第1张图片

2. 在mian.js里面引入blue.less文件

iView定制主题时提示安装less-loader问题及解决方法_第2张图片

3. blue.less文件加入官网上的代码

iView定制主题时提示安装less-loader问题及解决方法_第3张图片

4. 安装less和less-router

npm install less --save
npm install less-loader --save
这里注意一下,可能有的人无法安装less,碰到这种情况可以直接在 package.json 中添加 "less": "^版本号", 然后npm install执行一下就可以了。 
5. 然后启动npm run serve竟然报错

提示我们需要安装less-loader

如果iView作者和我们自己都没错,那么问题应该只有一种可能了——版本的问题了。

6. 先看看package.json的less和less-loader现在是什么版本

iView定制主题时提示安装less-loader问题及解决方法_第4张图片

把less降一级看看,这里换成2.7.3:

npm install [email protected] --save-dev

这个版本是个深坑,我在网上查阅了好久最终才解决这个问题。

你可能感兴趣的:(iView定制主题时提示安装less-loader问题及解决方法)