vue打包报错elementui上传组件 打包后报错t.upload.addEventListener is not a function

最新推荐文章于 2025-07-09 16:48:17 发布
原创 最新推荐文章于 2025-07-09 16:48:17 发布 · 465 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #elementui #javascript

针对MockJS在打包上传时出现的错误，解决方案是在node_modules的mockjs相关文件中添加一行代码，以解决MockXMLHttpRequest的upload属性问题。

打包上传出现了这个错误

补救方案

 在node_modules/mockjs/dist/mock.js文件的大约8312行添加

MockXMLHttpRequest.prototype.upload = xhr.upload;

同时修改node_modules/mockjs/src/xhr/xhr.js 第216行

MockXMLHttpRequest.prototype.upload = xhr.upload;

小董大咖
关注
vue3 - element-plus报错TypeError:t.upload.addEventListener is not a function，vue+element组件库控制台报错详细解决教程
高级前端工程师
07-09 1万+
vue3，nuxt3，element-Plus，upload，上传组件，上传文件报错，本地开发没问题，部署打包上线就会报错，这个问题如何解决，还是一直报错，el-upload上传报错，vue3项目使用element上传组件 打包后报错t.upload.addEventListener is not a function的解决方案，VUE3上传功能本地上传正常，打包上传后报错，打包后报错t.upload.addEv，vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEve
VUE3上传功能本地上传正常，打包上传后报错TypeError: ***.upload.addEventListener is not a function和文件上传请求地址
liuzaixi的博客
03-04 1716
/这样就拿到了参数中的数据。//获取#/之前的字符串。一、erer这个错误很可能是因为在打包后，文件的路径或者名称发生了变化，导致代码中的某些方法无法正确找到。二、使用element-plus文件上传时，后端使用的时代理路径导致上传的url需要前端自己处理。1、文件node_modules/mockjs/dist/mock.js。
vue项目使用elementui上传组件 打包后报错t.upload.addEventListener is not a function
苦夏木禾
10-27 1380
vue项目使用elementui上传组件 打包后报错t.upload.addEventListener is not a function
vue项目使用elementui上传组件 打包后报错t.upload.addEventListener is not a function的解决方案
qq_44146522的博客
04-17 2818
这个问题是因为mockjs改动了axios里面XMLHttpRequest对象致使的根据axios源码 l是一个XMLHttpRequest对象mockJs把l变量从XMLHttpRequest对象改为了MockXMLHttpRequest对象因此l.upload是一个空对象 空对象没有 addEventListener方法 因此报错。
根据以上代码 上传图片报错 editor.uploader.upload is not a function at HTMLInputElement.<anonymous>
最新发布
07-27
在使用 Jodit 编辑器时，如果在尝试上传文件或图片时遇到 `editor.uploader.upload is not a function` 错误，通常是由于 `uploader` 模块未正确初始化或配置所致。该错误表明编辑器实例中未正确绑定 `uploader` ...
el.addEventListener is not a function
02-20
当遇到 `el.addEventListener is not a function` 错误时，通常意味着尝试调用此方法的对象不是一个有效的DOM元素。具体原因可能涉及框架特定的行为或是第三方库的干扰。 #### UniApp中的解决方案 对于UniApp环境...
_vm.upload is not a function
04-15
好的，我现在要解决用户遇到的“_vm.upload is not a function”错误。首先，我需要理解这个错误通常是什么原因引起的。根据用户提供的引用内容，比如引用[1]中的addEventListener错误，可能是因为获取DOM元素时返回...
upload.addEventListener is not a function
隶属感的博客
09-18 396
测试没问题 一打包发布就不行。
Vue上传功能:****.upload.addEventListener is not a function
G佳伟
10-21 5881
VUE上传功能本地上传正常，打包上传nginx后报错TypeError: ***.upload.addEventListener is not a function。
vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEventListener is not a function
weixin_49562833的博客
02-20 1583
vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEventListener is not a function
upload.addEventListener is not a function报错
weixin_43784243的博客
08-02 1383
upload.addEventListener is not a function
@wangeditor/editor-for-vue u.upload.addEventListener is not a function
daizi0905的博客
05-19 947
项目打包部署后，打开网页，使用`@wangeditor/editor-for-vue`上传东西时出现了一个报错，但是在本地开发环境是没有问题的。这个问题是因为mockjs改动了axios里面XMLHttpRequest对象从而导致报错。上传东西时出现了一个报错，但是在本地开发环境是没有问题的。
【Vue】UI组件上传图片，爆 xhr.upload.addEventListener is not a function 错误
m0_62811051的博客
12-09 2827
这个问题主要是因为我在写后台管理的时候使用mockjs，但是之后还要用它模拟数据，不可能将其卸掉，那么就在node_modules文件里面下手。然后找到 node_modules/mockjs/src/xhr/xhr.js （上面图示的第二个文件）的第 216 行再次加入上面那行代码。
Axios + mockjs: request.upload.addEventListener is not a function 的原因和解决办法
O_o
03-08 5195
导致这一问题的根本原因是 Mockjs 中, 封装了原生的 XMLHttpRequest 为 MockXMLHttpRequest. 解决思路是, 把原生 XMLHttpRequest 的 upload 属性赋给 MockXMLHttpRequest 的原型对象.在 node_modules/mockjs/dist/mock.js 加入以下代码: 这样在开发环境是没问题了. 对于生产环境的处理 ...
饿了么el-upload上传组件报错：TypeError: ***.upload.addEventListener is not a function
ruanhongbiao的专栏
07-09 347
饿了么el-upload上传组件报错
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值