vue3引入elementUI库教程&踩坑-按我这样来就对了

1 首先是vue2 和vue3 的一个说明

element ui 官方文档上没有说明element ui不支持Vue.3版本,我也是自己测试了才知道，Vue.3引入element ui时，没有出现报错，但是运行后浏览器出现了白屏的问题，所以需要安装element plus。

2 安装Element-plus

npm install element-plus --save

【注】：有些npm版本过高或者过低的时候下载Echarts的过程中可能会报错，遇到这种问题可以在后面加上 --legacy-peer-deps试试！如下：

npm install element-plus --S --legacy-peer-deps

3 在main.js中引入element-plus

//start
import ElementPlus from 'element-plus';
import 'element-plus/theme-chalk/index.css';
import locale from 'element-plus/es/locale/lang/zh-cn'
createApp(App).use(store).use(router).use(scroll).use(ElementPlus, { locale }).mount("#app");
//end

然后npm run serve启动项目就可以了，亲测有效！！！