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，然后重新启动，解决！
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue-Cli如何在index.html中进行环境判断问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要介绍了如何解决npm i 下载依赖的时候出现某依赖版本冲突问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了vue.config.js使用代理配置真实请求url方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
这篇文章主要介绍了浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
日历在很多地方都可以使用的到，这篇文章主要介绍了如何利用vue3实现简单的日历控件，文中通过示例代码讲解详细，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
ref在我们开发项目当中很重要的,在 Vue 中使用 ref 可以提高代码的可读性和维护性,因为它直接标识出了组件中需要操作的具体元素或组件实例,本文我将给大家带来的是vue3中用ref获取dom的操作,文中有相关的代码示例供大家参考,需要的朋友可以参考下2024-06-06
在Element Plus里，Icon图标的用法和以前不一样了，本文主要介绍了Element Plus的el-icon怎么用，具有一定的参考价值，感兴趣的可以了解一下2022-04-04
在Web开发中,Base64编码常用于将二进制数据转换为文本字符串,以便在网络上传输,在Vue.js应用中,Base64编码广泛应用于图像的嵌入,本文将详细介绍如何在Vue.js中实现Base64编码与解码,并提供多种示例和实现思路,需要的朋友可以参考下2024-09-09
本篇文章主要介绍了详解Vue方法与事件。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
我们就来实现这样一个Vue自定义指令v-time，将表达式传入的时间戳实时转换为相对时间。下面小编给大家带来了使用Vue开发一个实时性时间转换指令，需要的朋友参考下吧2018-01-01
最新评论