引入elementUI组件时报错：Cannot read property ‘prototype‘ of undefined

​

 

目录

使用vue3.x创建项目，引用elementUI组件时报错，如下图所示：

报错原因：

解决方法：

第一种：使用vue2.x创建项目（element是支持vue2.x的，vue3.x暂时还不支持ElementUI）

第二种：如果你想使用vue3.x版本引入element，也是可以的，他推出的支持vue3.x的版本叫element-plus

使用vue3.x创建项目，引用elementUI组件时报错，如下图所示：

Cannot read property ‘prototype‘ of undefined

​编辑

报错原因：

element官网有一句话：

​编辑

 这说明实例对象不一样，官网上的实例对象是用vue2.x版本创建的对象，我的项目是用vue3.x创建的，实例对象是createdApp，实例对象不一致，导致的报错。

解决方法：

第一种：使用vue2.x创建项目（element是支持vue2.x的，vue3.x暂时还不支持ElementUI）

第二种：如果你想使用vue3.x版本引入element，也是可以的，他推出的支持vue3.x的版本叫element-plus

安装：

npm install element-plus --save

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

import { createApp } from 'vue'
import ElementPlus from 'element-plus';
import 'element-plus/theme-chalk/index.css';
import App from './App.vue';
 
const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')

​