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

企业开发 2023-05-07 21:19:12 阅读次数: 0

背景

本地开发环境测试没有问题，打包后部署服务器报错
在这里插入图片描述
这个问题是因为mockjs改动了axios里面XMLHttpRequest对象致使的
三种方案试一下吧

修改方法1

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

MockXMLHttpRequest.prototype.upload = xhr.upload;

给MockXMLHttpRequest对象添加一个原生xhr.upload方法。
在这里插入图片描述

修改方法2

同时修改node_modules/mockjs/src/xhr/xhr.js 第216行，node_modules/mockjs/dist/mock.js文件的大约8312行
添加

MockXMLHttpRequest.prototype.upload = xhr.upload;

给MockXMLHttpRequest对象添加一个原生xhr.upload方法。

修改方法3

卸载mockjs，并删除相关代码

npm uninstall mockjs

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

注释这段代码
src/main.js
在这里插入图片描述

注释这段代码

猜你喜欢

转载自blog.csdn.net/lhkuxia/article/details/127554848

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

vue项目使用elementui上传组件打包后报错t.upload.addEventListener is not a function的解决方案

【Vue】UI组件上传图片，爆 xhr.upload.addEventListener is not a function 错误

Vue ElementUI 中报错：this.$message is not a function

vue中使用elementUI组件的Upload 上传图片

vue elementUI 日期报错 dateObject.getTime is not a function

vue中报错Object(...) is not a function"

vue报错 TypeError: Object(...) is not a function

使用jquery报错replace is not a function

vue 项目使用 scss 升级 node v12 后报错 TypeError: this.getResolve is not a function

【Vue】报错：this.$refs 引用子组件报错 is not a function

vue报错 error: data.push is not a function

Vue TypeError: handler.apply is not a function 报错

vue 提示 this.getOptions is not a function 报错

Vue 地图报错 a[d].split is not a function

使用WebUploader报错:a.Deferred is not a function

使用antd-mobile，报错 injectBabelPlugin is not a function

使用koa报错 Unexpected token function

uniapp 使用mqtt 报错 socketTask onOpen is not a function

vue Element UI使用中.$scopedSlots.default is not a function 报错

Vue使用crypto-js时报错TypeError: Object(...) is not a function

使用ElementUI中的upload组件上传Excel文件

TypeError: value.getTime is not a function （elementUI报错转载）

vue运行报错 Missing space before function parentheses space-before-function-paren

错误btn.addEventListener is not a function

js中出现addEventListener is not a function

thinkphp8 上传文件报错Call to undefined function chmod()

日常报错（1）：Vue 报错：TypeError: n.apply is not a function

vue打包--TypeError: this.getOptions is not a function（关于postcss-loader）

解决：this.$refs引用子组件报错 is not a function

今日推荐

周排行

深度学习------Lingvo框架下的加速通道GPipe

webjars管理静态资源

C专家编程_2.2

mysql 源码安装

json文件操作

123231432

注解的实现

Spring MVC 控制器

《人月神话》读后感二

C#使用HttpWebRequest和HttpWebResponse上传文件示例

每日归档

更多

2024-09-08(0)

2024-09-07(0)

2024-09-06(0)

2024-09-05(0)

2024-09-04(0)

2024-09-03(0)

2024-09-02(0)

2024-09-01(0)

2024-08-31(0)

2024-08-30(0)