vue3引入ElementUI报错问题及解决
作者:MrLi-2018
这篇文章主要介绍了vue3引入ElementUI报错问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue3引入ElementUI报错
效果图
下载依赖
npm install element-plus --save
引入方式
import ElementPlus from "element-plus" import 'element-plus/dist/index.css' createApp(App).use(store).use(router).use(ElementPlus).mount("#app");
完美解决报错!!!!
vue3引入element-ui报错:Uncaught TypeError: Cannot read property‘prototype‘ of undefined
为什么
你写的引入方式可能是这种
import ElementUI from "element-ui"; import "element-plus/lib/theme-chalk/index.css"; Vue.use(ElementUI)
配置无误、代码未报错,运行时页面空白,F12控制台报错:
Uncaught TypeError: Cannot read property ‘prototype’ of undefined
解决办法
原因就是在main.js引入element-ui方式错误(vue3.0的坑)
先下载
npm install element-plus --save
vue3中正确引入方式如下
import ElementUI from "element-plus"; import "element-plus/dist/index.css" createApp(App).use(store).use(router).use(ElementUI).mount('#app')
一定要注意哦!!! vue3是element-plus,然后重新启动,解决!
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。