iView定制主题时无报错信息但颜色不发生改变解决方法

1. 按照官网配置后

main.js

import Vue from 'vue'
import App from './App.vue'
import iView from 'iview';
import ViewUI from 'view-design'; // 修改主题颜色
import '../my_theme/index.less'; // 修改主题颜色
import 'iview/dist/styles/iview.css';


Vue.use(ViewUI);

mt_theme/index.less 文件按照官网配置好，less和less-loder模块安装好，有问题参照另一篇博客: https://blog.csdn.net/qq_42434979/article/details/104266971

npm run serve正常运行，可是页面无变化，仍是原主题。

2. 修改后

import Vue from 'vue'
import App from './App.vue'
import iView from 'iview';
import 'iview/dist/styles/iview.css';
import ViewUI from 'view-design'; // 修改主题颜色
import '../my_theme/index.less'; // 修改主题颜色

Vue.use(ViewUI);

总结： 
import ViewUI from 'view-design'; 和 import '../my_theme/index.less'; 要在 import 'iview/dist/styles/iview.css'; 前面引入。

npm run serve 运行，页面主题修改生效。

这个问题折腾了我好久，希望大家引以为戒。