Vue引入element-ui后出现空白页

首先查看自己安装vue的版本，输入vue -V

注意是大写的V

如果自己的vue版本是3.0以上说明需要引入的是element-ui plus而不是element-ui

第一步

卸载原有的element-ui

执行命令 npm uninstall element-ui

第二步

安装element-ui plus

执行命令 npm install element-plus --save

第三步

在vue中引入element

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


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

引入完成后就可以正常看到页面了

测试

在view/AboutView 中添加

    危险按钮

如果页面能正产显示说明引入成功