vue3 - element-plus报错TypeError:t.upload.addEventListener is not a function，vue+element组件库控制台报错详细解决教程

已于 2024-09-12 16:28:10 修改
阅读量2.3k 收藏 4
点赞数 7
分类专栏： 前端常见问题解决 前端组件与功能(开箱即用) 文章标签： vue3 nuxt3.js element plus 上传组件上传文件报错 本地上传没事打完包上线就报错 vue3浏览器控制台报错解决 还是报错无法解决怎么办
于 2024-07-09 23:00:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/140308706
版权
前端组件与功能(开箱即用) 同时被 2 个专栏收录
354 篇文章 2460 订阅 ¥9.90 ¥99.00
订阅专栏
前端常见问题解决
133 篇文章 158 订阅 ¥9.90 ¥99.00
订阅专栏

问题说明

在vue3、nuxt3项目开发中，elementPlus组件库报错：Uncaught(in promise) TypeError: t.upload.addEventListener is not a function，不是函数。很奇怪的错误，有时候本地上传正常，但打包后就会报错，专治各种报错。

其他教程都无法解决，在本文你只要报类似的错误就可以100%完美解决。

在这里插入图片描述

解决教程

这个问题，由于

了解本专栏 订阅专栏 解锁全文
街尾杂货店&
关注
专栏目录
订阅专栏
vue3 - 报错Uncaught ReferenceError: ElementPlus is not defined（vue3报错ElementPlus is not defined，详细解决方案
高级前端工程师
03-06 3315
vue3，element-Plus，typescript，引入组件后报错ElementPlus is not defined，但组件能正常显示就是报错，如何解决vue3+element-plus报错Uncaught ReferenceError: ElementPlus is not defined，解决vue3+ts报错，如何解决在vue3网页中出现报错，详细解决教程，强力解决，Vue3项目引用element-plus（2.3.14）报错 "ElementPlus is not defined"。
Cesium 报错：TypeError: Cesium.MeasurementTool is not a constructor
虎康的博客
09-19 1108
如果您的 Cesium 版本是符合要求的，但仍然遇到相同的错误，请检查您是否正确引入了 Cesium 库。如果在创建测量部件时遇到了"TypeError: Cesium.MeasurementTool is not a constructor"错误，那很可能是因为您使用的是不支持测量工具的 Cesium 版本。测量工具是从 Cesium 1.82 版本开始引入的，所以确保您使用的是 Cesium 1.82 及以上的版本才能使用测量工具。请确保替换的路径正确指向您存储的 Cesium 库文件。
vue项目使用elementui上传组件 打包后报错t.upload.addEventListener is not a function
苦夏木禾
10-27 1275
vue项目使用elementui上传组件 打包后报错t.upload.addEventListener is not a function
vue项目使用elementui上传组件 打包后报错t.upload.addEventListener is not a function的解决方案
qq_44146522的博客
04-17 2368
这个问题是因为mockjs改动了axios里面XMLHttpRequest对象致使的根据axios源码 l是一个XMLHttpRequest对象mockJs把l变量从XMLHttpRequest对象改为了MockXMLHttpRequest对象因此l.upload是一个空对象 空对象没有 addEventListener方法 因此报错。
vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEventListener is not a function
weixin_49562833的博客
02-20 1314
vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEventListener is not a function
vue打包报错elementui上传组件 打包后报错t.upload.addEventListener is not a function
ddf__的博客
12-30 345
在node_modules/mockjs/dist/mock.js文件的大约8312行添加。同时修改node_modules/mockjs/src/xhr/xhr.js 第216行。打包上传出现了这个错误。
upload.addEventListener is not a function报错
最新发布
weixin_43784243的博客
08-02 636
upload.addEventListener is not a function
vue3项目按需引入element-plus报错 ERROR Invalid options in vue.config.js: “plugins“ is not allowed
weixin_60697146的博客
05-08 1410
vue3项目按需引入element-plus报错 ERROR Invalid options in vue.config.js: "plugins" is not allowed
TypeError document.getElementById(...) is null错误原因
09-03
`TypeError: document.getElementById(...) is null` 是一个常见的JavaScript错误，通常出现在尝试访问一个尚未加载或者不存在于DOM（文档对象模型）中的元素时。这个错误表示`document.getElementById`方法未能找到...
vue.runtime.esm.js:3049 TypeError: this.three.camera.matrixWorld.addEventListener is not a function
06-01
很抱歉，我之前的回答有误。`matrixWorld` 是一个属性，不是一个事件。正确的监听方式应该是在一个 `requestAnimationFrame` 循环中，每...你也可以将检查函数封装到一个 Vue 组件中，然后在 `mounted` 钩子中调用它。
vue项目报错Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘getAttribute‘)
热门推荐
A535366的博客
01-07 1万+
1.项目中用到了echarts图表, 每次切换路由的时候，控制台就会报一堆错误：Cannot read property 'getAttribute' of undefine 后来发现是设置了图表自适应导致的,在里面是使用addEventListener来进行图表自适应，但是在离开当前页的时候，没有清除，就导致了上面的报错。 // echarts自适应 window.addEventListener("resize", function() { myChart.resize.
vue3中 按需引入Element Plus出错
sunny__hellen的专栏
03-23 542
解决方法：通过npm list unplugin-auto-import查看插件版本。问题和上一个类似，也可以通过package.json查看版本，或者通过npm list unplugin-vue-components。降低版本重新安装： npm install unplugin-vue-components@0.25.0。降低版本，重新安装：npm install unplugin-auto-import@0.16.1。版本为：unplugin-vue-components@0.26.0。
VUE3上传功能本地上传正常，打包上传后报错TypeError: ***.upload.addEventListener is not a function和文件上传请求地址
liuzaixi的博客
03-04 1181
/这样就拿到了参数中的数据。//获取#/之前的字符串。一、erer这个错误很可能是因为在打包后，文件的路径或者名称发生了变化，导致代码中的某些方法无法正确找到。二、使用element-plus文件上传时，后端使用的时代理路径导致上传的url需要前端自己处理。1、文件node_modules/mockjs/dist/mock.js。
Vue中使用七牛云上传报错o.upload.addEventListener is not a function以及其他报错问题
weixin_40442888的博客
08-12 4581
1.运行提示o.upload.addEventListener is not a function 解决方案:(此方法不是根本解决办法，问题3的解决办法是最终解决方案) 找到node_modules/mockjs/dist/mock.js 第8308行 找到node_modules/mockjs/src/xhr/xhr.js 第216行(确保在生产模式下打包出来的代码正常使用。) 添加代码： Mo...
vue3在安装element-plus后使用官网提供的自动导入组件在webpack 下报错
qq_45404003的博客
06-21 2910
版权声明：本文为CSDN博主「Technology_hands」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/Technology_hands/article/details/128719150。最后发现问题是 elment plus 和 自动加载方法 的版本不适应的问题。您需要使用额外的插件来导入要使用的组件。plus 这行代码的时候 出现了报错。解决方法是 根据视频增加精确版本的包。解决方法：切换至更高版本的。
Vue上传功能:****.upload.addEventListener is not a function
G佳伟
10-21 4683
VUE上传功能本地上传正常，打包上传nginx后报错TypeError: ***.upload.addEventListener is not a function。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

街尾杂货店&

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值