Vue3 使用 element-plus 不生效的原因之一

根据这篇https://blog.csdn.net/GongWei_/article/details/109986596
配置下来，发现还是不生效，折腾半天之后发现，由于我用了router，所以我没动最后一句“createApp(App).use(router).mount(‘#app’)”，我的main.js是这么改的：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';

const app = createApp(App)
app.use(ElementPlus)
createApp(App).use(router).mount('#app')

片头所提文章是这样的：

import { createApp, Vue } from 'vue';
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
import App from './App.vue';

const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')

后来发现，要这么改：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';

const app = createApp(App)
app.use(ElementPlus)
app.use(router).mount('#app')

这样的话createApp(App)才指的是一个app
改完element-plus立马生效

评论区网友的其他可能的解决方法（未验证）：

① sJx: 无效的可以把

import 'element-plus/lib/theme-chalk/index.css';

改为：

import 'element-plus/dist/index.css'
import 'element-plus/dist/index.css'

② Lyours：babel.config.js里配置了按需加载