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

博客zhu虎康 2022-08-19 08:52:52
加精

目录

  • 报错问题
  • 报错分析
  • 报错解决
  • vue2.x
  • vue3.x
  • 安装:
  • 使用:在main.js 写入以下内容

报错问题

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')
...全文
1049 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

30,797

社区成员

发帖
与我相关
我的任务
社区描述
鸿蒙Next技术问题交流和学习资源共享中心
vue.js前端harmonyos 个人社区
社区管理员
  • 言程序plus
  • 小   明
  • 叶落秋白
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

web全栈技术交流中心

试试用AI创作助手写篇文章吧