【Vue 管理后台 plupload 上传文件报错 上传报错o.upload.addEventListener is not a function】

最新推荐文章于 2024-09-12 21:11:58 发布
最新推荐文章于 2024-09-12 21:11:58 发布
阅读量1.5k 收藏 4
点赞数 1
分类专栏： vue-js vue 文章标签： vue.js npm javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lhb_11/article/details/125661344
版权
vue-js 同时被 2 个专栏收录
11 篇文章 0 订阅
订阅专栏
vue
6 篇文章 0 订阅
订阅专栏

这里写自定义目录标题

错误截图

上传文件引起
主要是mockjs 与 获取文件progress冲突

最近在vue-element-admin项目中，使用七牛上传报错

o.upload.addEventListener is not a function

在本地的开发环境是可以正常上传的，但是到测试环境，上传就报了这么一个错

在网上寻找的方法

一、

在 node_modules/mockjs/dist/mock.js 第8308行 和 node_modules/mockjs/src/xhr/xhr.js 第216行

添加代码： MockXMLHttpRequest.prototype.upload = xhr.upload;

这样是可以解决，不过这不是根本方法，我们的项目上测试和线上是自动打包上传的，所以不会把这两句代码打包进去，所以用了第二种方法

二、原因是vue-cli中的mockjs模块把XMLHttpRequest覆盖拦截了，会导致对象属性访问不到

所以把mokejs卸载删除就好了，

删除mokejs：

1、npm uninstall mockjs 删除该模块依赖

2、vue.config.js
在这里插入图片描述

3、src/main.js
在这里插入图片描述

解决

lhb_11
关注
专栏目录
vue3 - element-plus报错TypeError:t.upload.addEventListener is not a function，vue+element组件库控制台报错详细解决教程
高级前端工程师
07-09 2358
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 - 使用 Day.js 报错：xxx.isoWeek is not a function，使用 dayjs 的 isoWeek() 方法取周时，浏览器控制台报错（详细完美解决方案）
王佳斌
03-13 2966
vue3，dayjs，Day.js，isoWeek()，周，浏览器报错，dayjs/plugin/isoWeek，vue3 day.js报错Uncaught (in promise) TypeError: x.isoWeek is not a function，vue3如何解决该报错，vue3使用dayjs插件，使用isoWeek() 报错：isoWeek is not a function，day.js isoWeek is not a function，为什么会报错，day.js isoWeek 使用方
Vue上传功能:****.upload.addEventListener is not a function
G佳伟
10-21 4649
VUE上传功能本地上传正常，打包上传nginx后报错TypeError: ***.upload.addEventListener is not a function。
大文件切片上传-vue3.0
最新发布
m0_56416159的博客
09-12 756
大文件切片上传（也称为分片上传）是一种处理大文件上传的有效方法，它通过将大文件分割成多个较小的部分（即切片或分片），然后分别上传这些切片到服务器，最后在服务器上将这些切片合并成原始文件。以下是关于大文件切片上传的详细步骤和注意事项。onUploadInit： 文件初始化调用接口，用于后端创建存放切片文件的文件夹。SparkMD5：生成文件唯一的hash，用来验证文件的完整性。onUploadFinish：文件上传完成验证完整性的接口。onUploadChunk：分片上传接口。基于vue3.0代码实现。
o.upload.addEventListener is not a function
一位前行者的博客
06-17 397
在 node_modules/mockjs/dist/mock.js 第8308行 和 node_modules/mockjs/src/xhr/xhr.js 第216行。这样是可以解决，不过这不是根本方法，我们的项目上测试和线上是自动打包上传的，所以不会把这两句代码打包进去，所以用了第二种方法。二、原因是vue-cli中的mockjs模块把XMLHttpRequest覆盖拦截了，会导致对象属性访问不到。在本地的开发环境是可以正常上传的，但是到测试环境，上传就报了这么一个错。
upload.addEventListener is not a function报错
weixin_43784243的博客
08-02 597
upload.addEventListener is not a function
Vue中使用七牛云上传报错o.upload.addEventListener is not a function以及其他报错问题
weixin_40442888的博客
08-12 4567
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...
详解Vue.js搭建路由报错 router.map is not a function
10-19
然而，有时候在搭建Vue Router时可能会遇到"router.map is not a function"这样的错误，这通常是由于版本不兼容或者使用方法不当导致的。 **错误分析：** 在Vue Router的早期版本（例如1.0.x）中，`router.map`是...
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
vuex 解决报错this.$store.commit is not a function的方法
10-17
当遇到 `this.$store.commit is not a function` 的错误，通常是因为在尝试调用 Vuex 中的 mutation 方法时，没有正确地配置或引用 store。 首先，我们需要确保正确安装了 Vuex。通过运行 `npm install vuex --save...
Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
王佳斌
11-07 5155
vue2，Syntax Error: TypeError: this.getOptions is not a function，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错this.getOptions is not a function，vue2怎么解决npm run serve时的Syntax Error: TypeError: this.getOptions is not a function爆红报错，Vue - Synt
vue项目使用element-ui组件上传文件报错upload.addEventListener is not a function Mock数据报错的解决方案
qq_53979100的博客
04-04 2010
需要查找文件node_modules/mockjs/dist/mock.js以及node_modules/mockjs/src/mock/xhr/xhr.js。主要是因为mockjs改动了axios里面XMLHttpRequest对象从而导致报错。就是给MockXMLHttpRequest对象添加一个原生xhr.upload方法。找到后打开文件大约在8312行和216行的位置添加以下代码。
@wangeditor/editor-for-vue u.upload.addEventListener is not a function
daizi0905的博客
05-19 771
项目打包部署后，打开网页，使用`@wangeditor/editor-for-vue`上传东西时出现了一个报错，但是在本地开发环境是没有问题的。这个问题是因为mockjs改动了axios里面XMLHttpRequest对象从而导致报错。上传东西时出现了一个报错，但是在本地开发环境是没有问题的。
vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEventListener is not a function
weixin_49562833的博客
02-20 1305
vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEventListener is not a function
老项目使用axios的监听文件上传进度出现：request.upload.addEventListener in not a function
ZHU18670324781的博客
06-21 590
在公司老项目中，使用mockjs和axios，mockjs源码将XMLHTTPRequest修改了，导致监听文件上传进度的时候，出现 request.upload.addEventListener in not a function。
在使用vue-admin-template中使用wangeditor上传文件时会报错o.upload.addEventListener is not a function
weixin_58661581的博客
03-24 433
2-2、在vue.config.js将before: require('./mock/mock-server.js')注释掉。2-1、npm uninstall mockjs 删除该模块依赖。在本地测试时可以上传，打包到服务器就报错，原因就在打包错的问题。==> 菜单配置 | wangEditor。开源 Web 富文本编辑器，开箱即用，配置简单。与 获取文件progress冲突。1、自定义上传图片的方法，参考官网。2-3、在src/main.js将。不熟悉的情况下推荐第二种方法。2、删掉mockjs相关。
upload.addEventListener is not a function
隶属感的博客
09-18 268
测试没问题 一打包发布就不行。
vue打包报错elementui上传组件 打包后报错t.upload.addEventListener is not a function
ddf__的博客
12-30 341
在node_modules/mockjs/dist/mock.js文件的大约8312行添加。同时修改node_modules/mockjs/src/xhr/xhr.js 第216行。打包上传出现了这个错误。
wangeditor 编辑器图片上传遇到的问题: u.upload.addEventListener is not a function
Jikycc的专栏
06-26 2897
wangeditor 编辑器图片上传遇到的问题: u.upload.addEventListener is not a function
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值