Cannot read property ‘prototype‘ of undefined

最新推荐文章于 2024-10-24 15:05:23 发布

web18334137065

最新推荐文章于 2024-10-24 15:05:23 发布

阅读量259

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 html 文章标签： react native vscode react.js

本文链接：https://blog.youkuaiyun.com/web18334137065/article/details/123344258

前端同时被 2 个专栏收录

41 篇文章

订阅专栏

html

41 篇文章

订阅专栏

本文介绍了在vue3.x项目中尝试引入ElementUI时遇到的'prototype' of undefined错误，原因是ElementUI目前仅支持vue2.x。解决方法包括回退到vue2.x创建项目或者使用为vue3.0设计的element-plus库。安装element-plus并按教程配置，可以在vue3.x项目中成功引入。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue3.x创建项目引用 elementUI 控制台报错如下图所示：

?报错起因：

?解决方法：

使用vue3.x版本引入ElementUI

vue3.x创建项目引用 elementUI 控制台报错如下图所示：

Cannot read property ‘prototype‘ of undefined

报错起因：

看一下element官网的这句话：

意思就是实例对象不一致，官网上的实例对象是vue/3.0（vue2.x）版本创建的对象，而我创建的项目是用vue3.x创建的，实例对象是createdApp 实例对象不一致，当然也就引不进去，继而报错了

解决方法：

创建项目的时候选用vue2.x创建项目，其他操作照常。（ element是支持 vue2.x 的，vue3.x 暂时还不支持 ElementUI ）

使用vue3.x版本引入ElementUI

你要是想用vue3.x 引入element 也不是不可以的，他推出的支持vue3.0的版本叫element-plus 点这里进入

安装：

npm install element-plus --save

使用：在main.js 写入以下内容

import { createApp } from 'vue'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
import App from './App.vue';

const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')

希望对你有所帮助，冲啊