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

时间:2024-05-22 22:28:22

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

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

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

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

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

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

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

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

npm install less less-loader —save

  在package.json中查看一下:

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

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

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

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

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

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

7、解决方式:

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

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

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

npm install [email protected] --save-dev

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

8、最后就修改成功啦。

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

 

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