【报错】：Cannot read properties of undefined (reading ‘prototype‘)

实例对象不一致，官网上的实例对象是vue/3.0（vue2.x）版本创建的对象，而我创建的项目是用vue3.x创建的，实例对象是createdApp实例对象不一致，当然也就引不进去，继而报错了。创建项目的时候选用vue2.x创建项目，其他操作照常。（element是支持vue2.x的，vue3.x暂时还不支持ElementUI。你要是想用vue3.x引入element也不是不可以的，他推出的支持v

博客zhu虎康

9961人浏览 · 2022-07-26 08:41:24

博客zhu虎康 · 2022-07-26 08:41:24 发布

文章目录

报错问题

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

在这里插入图片描述

报错分析

element官网说：
在这里插入图片描述

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

报错解决

vue2.x

创建项目的时候选用vue2.x创建项目，其他操作照常。（ element是支持 vue2.x 的，vue3.x 暂时还不支持 ElementUI
在这里插入图片描述

vue3.x

使用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')