问题之vue3.0引入elementui报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined

最新推荐文章于 2024-07-09 21:18:14 发布
最新推荐文章于 2024-07-09 21:18:14 发布
阅读量850 收藏
点赞数 1
文章标签： vue.js elementui 原型模式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43833795/article/details/120995495
版权

vue3.0引入elementui报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined

elementUI针对的是vue2.0
https://element.eleme.io/#/zh-CN

Element Plus针对的是vue3.0
https://element-plus.org/zh-CN/guide/installation.html

当vue3.0使用elementUI时会报Uncaught TypeError: Cannot read property ‘prototype‘ of undefined错误

解决方法：

版本一致即可

齐码蓝
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue3.0 vue-cli3.0 搭建项目
爱睡的虫虫
11-15 2174
vue 搭建项目 生产环境的构建配置（脚手架） //全局安装 vue-cli cnpm install -g vue-cli //创建一个基于webpack 模板的新项目 vue init webpack my-name ? Project name webpc //项目名（回车键默认） ? Project description //项目描述 ? Aut...
vue3报错“ Uncaught TypeError Cannot read property ‘use‘ of undefined”
begefefsef的博客
02-23 1156
在跟着视频学习用vue配置路由时，在路由文件中使用Vue.use(router)的语句无法正常启动服务，并且浏览器报错，提示‘use’并未定义；看了一下，如下图，vue中没有use（）这个方法 经过查找资料后发现，这种加载vue-router的方式是vue2使用的，但我现在用的是vue3（跟着视频创建项目时老师说vue3更新的东西也不会对我们的项目产生什么影响之类的，喜新厌旧的我就直接用了vue3，导致和课程配置不一样了）。因此，我现在需要使用vue3的方式来导入vue-router。 首先，在路由文件里
【vue3项目】解决 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)“
热门推荐
前端学习博客
08-12 3万+
定义一个 getUserList 函数，并且在 onMounted 函数中挂载它，在加载页面时，先通过我自定义的已全局挂载的。结果发现：ctx.$api 为 undefined，并且 ctx 身上并没有我们绑定的 $api。首先这个报错的意思大概是：无法找到 undefined 的 属性。所以就验证了bug 的原因是：vue3的全局绑定没有生效。逻辑上没有问题，同时也没有出现上述的三种情况。所以，我猜测是 $api 全局绑定没有生效。但是上述方法都无法解决我的bug，那在我的代码中的意思就是：找不到。...
vue引入elementUi后打开页面报错Uncaught TypeError: Cannot read properties of undefined(reading ‘prototype‘)
ZouZhaoqian的博客
07-14 3万+
本人在用idea创建vue项目并引入elemenUi之后网页报错： Uncaught TypeError: Cannot read properties of undefined(reading ‘prototype’)。 百度了很多办法都说是因为在vue3中引入了elementUi，vue3.0之后是不支持elementUi的，要使用element plus，但是因为我想用若依偷懒，所以必须得用elementUi，很多文章说是vue - V命令查看vue版本，我敲了命令以后的确是3之后版本，于是卸载重装了
vue3 Uncaught (in promise) TypeError: Cannot read properties of undefined 其实是解构赋值的问题
lzfengquan的博客
06-24 9482
在vue3中当我们用到了解构赋值配合reactive toRefs 方式渲染页面时，报错Uncaught (in promise) TypeError: Cannot read properties of undefined 发现打印也是有值的，并且赋值成功，唯独在渲染页面的时候报错。 其实就是 …解构赋值的问题。，已经解构过了，我们的渲染层级就不用再用最外层，直接找到我们解构要渲染的那层代替结构层。 分析也就是我们初始化定义了一个对象，解构了他，直接渲染他的孩子就好了 解决了。......
vue 报 Cannot read property ‘prototype‘ of undefined
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
06-14 7669
这个错 可能是 js 引入顺序问题造成的 也有可能是 引入 elemen-ui造成的vue3 需要引入 element-plus ，引入 element-ui 也会报这个错引入顺序问题：在 public/index.html 中引入 ElementUI 的 js 时，前面没有加 Vue.js 的引入。这里我们在前面加入 Vue.js 的引入即可。 代码报错主要是因为vue引用顺序不当导致的，或者是webpack打包时使用import引入vue,element却使用script引入也会出现这个问题 （引入
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理 Vue.js是一款流行的前端框架，用于构建用户界面和单页应用程序。然而，在使用Vue.js时，我们可能会遇到一些报错信息，例如Cannot read property '...
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
解决Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"
10-16
当遇到"Uncaught TypeError: Illegal invocation"错误时，检查并调整上述参数通常可以解决问题。此外，确保服务器端支持接收multipart/form-data类型的请求，因为这是文件上传的标准格式。如果服务器端使用了像PHP的...
vue引入element后打开页面报错Uncaught TypeError: Cannot read properties of undefined(reading ‘prototype‘)
yusdddd_的博客
12-09 1786
vue引入elementUi后打开页面报错Uncaught TypeError: Cannot read properties of undefined(reading ‘prototype‘)
Vue3.x 引入 element ui 报错 Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
qq_41241310的博客
09-27 1万+
今天在使用Vue3.x 版本创建Vue脚手架, 并引入elementUi的时候，启动项目前端报错了。 创建Vue3.x 项目 添加element Ui 命令 npm i element-ui -S. 在main.js中引入element Ui import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 运行项目 npm run serve 前台报错如下：
Vue3引入element-ui报错：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
zhaojiaxing123的博客
03-14 672
Vue3引入element-ui报错：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
vue3.x 关于引入第三方组件报错
E_ISOLATE的博客
07-19 3421
main.js之前的写法 import Vue from 'vue' import App from './App.vue' import router from './router/index' import store from './store' import 'element-ui/lib/theme-chalk/index.css'; import ElementUI from 'element-ui'; Vue.use(ElementUI); new Vue({ router, st
vue 切换主题色切换主题色切换主题色切换主题色切换主题色
最新发布
口袋的天空的博客
07-09 1189
vue切换主题
前端TypeError: Cannot read property 'prototype' of undefined
09-04
当在前端开发中遇到 TypeError: Cannot read property 'prototype' of undefined 错误时，这通常是由于某个对象未正确定义或被引用导致的。 根据引用[1]中提供的信息，出现这个错误的可能原因是代码中存在一些配置错误或语法问题。可能需要检查代码中是否有拼写错误或变量未正确声明等问题。此外，还可以通过查看浏览器的开发者工具(F12控制台)中的详细错误信息来确定具体的出错位置。 引用提供了一个关于使用Vue打包时出现类似错误的解决办法的文档。你可以根据其中的指导，检查你的打包配置是否正确，是否引入了必要的插件或库。 引用给出了在Vue3中正确引入ElementUI的方式。你可以参考这个引用中提供的代码示例，确认你的引入方式是否正确，并且检查是否已正确引入了相关的CSS文件。 综上所述，当出现前端TypeError: Cannot read property 'prototype' of undefined 错误时，你可以通过检查代码配置、语法问题以及引入方式来解决这个问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Vue3引入element-ui报错：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined](https://blog.csdn.net/zhaojiaxing123/article/details/129520076)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx](https://download.csdn.net/download/rongbo91/77070400)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值