根据iView官方文档更改定制主题报错问题的解决方法

主要是记录一下在这里遇到的坑，也希望能帮助到遇到类似问题的童鞋

 1、我是按照iView的定制主题文档来的，在src目录下创建theme文件夹和index.less文件：

2、在index.less文件中写入：

3、在main.js文件中引入：

4、安装less和less-router (这里要注意一下less的版本)：

npm install less less-loader —save

  在package.json中查看一下：

5、随便找一个组件看下效果：

6、然后运行发现居然npm报错了：

上面的步骤都是按照iview官网来的，很费解为什么这块儿会报错。而且百度了很多类似相关的问题，例如在webpack.base.conf.js里面配置什么的，都没啥用，后来终于在一个角落里找到了此问题的解决方式。

7、解决方式：

  在build文件夹下的utils.js文件内的如下图所示部分，加上less: generateLoaders('less', { javascriptEnabled: true} )，主要是{javascriptEnabled: true}，然后重新run就行了：

  或者给less版本降级，因为这个问题的原因还是出在less版本上。less3.0以上的版本都会有这个错误，参见第4个步骤，我安装的less版本是3.9.0，所以才会报错。降级方式：

npm install less@2.7.3 --save-dev

  然后可以再在package.json中查看less版本，两种方式任选一种都行。

8、最后就修改成功啦。

 

如果有什么不对的地方欢迎大家指正o>_<o 。