vue3引入ElementUI报错问题及解决
更新时间:2024年07月08日 08:38:11 作者: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,然后重新启动,解决!
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
element的el-upload组件上传文件跨域问题的几种解决
跨域问题网上搜索很多,感觉情况都不一样,本文主要介绍了element的el-upload组件上传文件跨域问题的几种解决,具有一定的参考价值,感兴趣的可以了解一下2024-03-03详解如何使用Object.defineProperty实现简易的vue功能
这篇文章主要为大家介绍了如何使用Object.defineProperty实现简易的vue功能示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-04-04安装nvm node版本管理器的操作方法(vue2.x迁移vue3.x)
这篇文章主要介绍了安装nvm node版本管理器(vue2.x迁移vue3.x)的操作方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-01-01
最新评论