一、问题的出现

使用vue add element-plus时出现的问题

具体表现是 primary 颜色变为 hotpick

还有就是在npm build serve 时候会出现一些错误

二、解决办法

在 main.js 中加入

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

如果在打包后还是出现部分Css样式失效，请使用以下代码替换 main.js 中的部分代码，如果引入了 router ，请把router放在后面。

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


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

已经测试过。

三、总结

可能是vue cli在构建项目时一些项目依赖未加载导致的，能力不足没有再去深入研究，如果有大佬知道是什么问题导致的，欢迎在评论区留言。