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

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

@[toc]

报错问题

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')
相关文章
|
7天前
|
资源调度 前端开发
编译第三方前端项目时候出现Syntax Error: TypeError: Cannot set properties of undefined (setting ‘parent‘)
编译第三方前端项目时候出现Syntax Error: TypeError: Cannot set properties of undefined (setting ‘parent‘)
55 0
|
6天前
webpack版本问题 Cannot read property ‘createHash‘ of undefined
webpack版本问题 Cannot read property ‘createHash‘ of undefined
|
7天前
|
iOS开发 MacOS
TypeError: Cannot read property ‘shop‘ of undefined
TypeError: Cannot read property ‘shop‘ of undefined
10 0
|
7天前
|
机器学习/深度学习
TypeError: Cannot read property ‘name‘ of undefined at Qe.onShow
TypeError: Cannot read property ‘name‘ of undefined at Qe.onShow
12 0
|
7天前
|
JavaScript
报错 Cannot read properties of undefined(reading‘addEventListener‘)如何解决
报错 Cannot read properties of undefined(reading‘addEventListener‘)如何解决
37 1
|
7天前
|
JavaScript
JS中Null和Undefined的区别及用法
JS中Null和Undefined的区别及用法
16 1
|
7天前
|
JavaScript 前端开发 算法
undefined与null的区别
在JavaScript中,undefined和null都表示变量未被赋值或值缺失,但它们在使用场景上有一些区别。 - **`语义不同`**:undefined表示一个变量未被赋值或者声明后未进行初始化。而null表示一个变量被明确地设置为无值或者表示空值的概念。 - **`类型不同`**:undefined是一种基本数据类型,而null是一个引用类型。 - **`条件判断`**:在条件判断中,使用if (variable === undefined)或者if (variable === null)可以进行区分。
|
7天前
|
JavaScript 前端开发 程序员
分享18个用于处理 null、NaN 和undefined 的 JS 代码片段
Null、NaN 和 undefined 是程序员在使用 JavaScript 时遇到的常见值。 有效处理这些值对于确保代码的稳定性和可靠性至关重要。
|
7天前
|
JavaScript 前端开发 API
null和undefined:两个JavaScript中的特殊值(二)
null和undefined:两个JavaScript中的特殊值
|
7天前
|
JavaScript 前端开发 安全
null和undefined:两个JavaScript中的特殊值(一)
null和undefined:两个JavaScript中的特殊值