错误中学习--this.addEvents is not a function

最新推荐文章于 2023-07-28 20:05:40 发布
最新推荐文章于 2023-07-28 20:05:40 发布
阅读量701 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： exception
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Aurora_sss/article/details/51553342
本文解决了一个常见的JavaScript编程错误——addEvents is not a function。此问题通常是由于在实例化对象时未使用new关键字导致的。文章强调了在创建对象时正确使用new的重要性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

this.addEvents is not a function

原因：创建对象时没加new==  写代码时一定要认真！哭


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
Vue第 42 篇，控制台报错：addEventListener is not a function （JavaScript添加监听事件时报错，JS添加监听事件时报错）
NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.youkuaiyun.com）
03-21 6286
⭐在写前端代码的时候，控制台有时候会遇到这样的报错，addEventListener is not a function，说addEventListener不是一个函数，具体原因是因为侦听事件的事件源不对，事件源应该是一个元素，而非其它。请看
addEventListener is not a function
热门推荐
Yanfengting的博客
12-14 1万+
addEventListener is not a function 这是因为选择器没有正确选择元素对象 document.getElementsByClassName(…)捕捉到的是该类名元素的数组 正确的访问方式应该是： document.getElementsByClassName(…)[0].addEventListener… 参考：https://blog.csdn.net/jzsn_...
extjs中出现this.addevents is not a function错误
jt042435的专栏
09-08 1536
有一个原因是由于其中的一个控件没有使用关键字new出来
Vue中使用七牛云上传报错o.upload.addEventListener is not a function以及其他报错问题
weixin_40442888的博客
08-12 4769
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...
初学Ext UI组件总结及（一）-- >读Ext.Component源码学习笔记
宋三丝的专栏
02-13 3023
为了可以缓解审美疲劳，写出自己的Ext UI组件，加油。 错误之处，请大家指出。 Ext.Component是所有UI组件的顶层类，它继承了Observable，以支持高级语义事件。 Ext的UI组件的生命周期，粗略可分为，初始化组件-->渲染组件-->销毁组件 Ext.Component有点“模板模式”的味道，它不能“布局”也不能“show”出来，它只是定义了所有UI组件的“生老病死”和
oracle GoldenGate学习笔记.pdf
10-30
### Oracle GoldenGate 学习笔记知识点总结 #### 一、Oracle GoldenGate 概述 **Oracle GoldenGate** 是一款强大的数据库复制解决方案，主要用于实现在不同操作系统及数据库平台间的实时数据复制。该工具的核心...
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
09-04
在Ext JS库中，`Ext.grid.plugin.RowExpander`是一个扩展插件，用于在网格行中添加可展开的详情区域。在Ext4.2版本中，用户可能遇到一个特定的问题，即`RowExpander`的`collapsebody`和`expandbody`事件无法正常触发...
mootools-12-cheat-sheet
06-01
- **`addEvents(o, fn[, internalb])`**: 批量添加事件监听器。 - **`fireEvent(s[, args, delayms])`**: 触发事件。 - **`removeEvent(s, fn)`**: 移除特定的事件监听器。 - **`removeEvents([s])`**: 移除所有...
Assets\Scripts\Basic\Net\Commands\ClientCommand\RecvRecenterCommand.cs(34,9): error CS0103: The name 'Valve' does not exist in the current context using UnityEngine; using System.Collections.Generic; using Basic.Managers; using Basic.Net.Protocol; using Basic.Net.Sockets; using System; using PureMVC.Patterns; using UnityEngine.XR; [Cmd(ProtocolCodes.VR_RECENTER, typeof(bool), "VR头盔校准", false)] public class RecvRecenterCommand : Command { public UIProxy proxy { get { return Facade.Instance.RetrieveProxy(UIProxy.NAME) as UIProxy; } } public override void AddEvents() { ProtocolManager.instance.AddProtocolListent(ProtocolCodes.VR_RECENTER, Recenter); } private void Recenter(params object[] args) { int errorCode = (int)args[0]; bool recvBool = (bool)args[1]; if (UnityEngine.XR.XRDevice.model.Contains("VIVE") || UnityEngine.XR.XRDevice.model.Contains("vive")) RecenterHTC(); else if (UnityEngine.XR.XRDevice.model.Contains("htc") || UnityEngine.XR.XRDevice.model.Contains("htc")) RecenterHTC(); else RecenterXR(); } void RecenterHTC() { Valve.VR.OpenVR.Chaperone.ResetZeroPose(Valve.VR.ETrackingUniverseOrigin.TrackingUniverseStanding); Valve.VR.OpenVR.Compositor.SetTrackingSpace(Valve.VR.ETrackingUniverseOrigin.TrackingUniverseStanding); } void RecenterXR() { List<XRInputSubsystem> subsystems = new List<XRInputSubsystem>(); SubsystemManager.GetInstances<XRInputSubsystem>(subsystems); for (int i = 0; i < subsystems.Count; i++) { subsystems[i].TryRecenter(); } } }
最新发布
06-26
错误 `CS0103: The name 'Valve' does not exist in the current context` 表明 Unity 无法识别 Valve 相关类库，通常由以下原因导致： 1. **SteamVR 插件未安装**：Valve 命名空间来自 SteamVR Unity 插件包[^1] 2....
vue项目使用elementui上传组件 打包后报错t.upload.addEventListener is not a function的解决方案
qq_44146522的博客
04-17 2760
这个问题是因为mockjs改动了axios里面XMLHttpRequest对象致使的根据axios源码 l是一个XMLHttpRequest对象mockJs把l变量从XMLHttpRequest对象改为了MockXMLHttpRequest对象因此l.upload是一个空对象 空对象没有 addEventListener方法 因此报错。
addEventListener is not a function报错
judykang123的博客
07-27 1万+
1、不是id，获取不到唯一一个 给想要监听的那个元素加一个id就可以了 2、js和jq连用 addEventListener是js的写法，如果你在前面写$("#id")的话当然获取不到 可以写成 $("#id")[0] 或者document.getElementById(“id”) ...
XXX.addEventListener is not a function
qq_49420571的博客
06-10 226
原来document.getElementsByClassName()获取到的是该类名元素的数组。获取元素的时候报错了。
uniapp使用this.$refs.content.addEventListener提示 addEventListener is not a function 错误
weixin_52256715的博客
07-14 2657
这是因为在 Vue 中，$refs 是一个对象，它直接引用组件实例或 DOM 元素，而不是原生的 DOM 元素。要解决这个问题，可以使用 $el 属性来访问原生的 DOM 元素，然后再使用 addEventListener。通过使用 $el 属性，可以访问到 this.$refs.content 的原生 DOM 元素，并且可以正确地使用 addEventListener。
解决.addEventListener is not function问题
XunLin233的博客
10-23 2841
解决.addEventListener is not a function问题
VUE上传功能本地上传正常，打包上传后报错TypeError: ***.upload.addEventListener is not a function
dxn16638400024的博客
07-28 1087
尝试使用 Vue CLI 提供的打包分析工具，查看哪些文件被打包进了你的代码中，是否有可能因为某些文件没有被正确打包导致了问题。2.文件node_modules/mockjs/src/mock/xhr/xhr.js 第216行。这个错误很可能是因为在打包后，文件的路径或者名称发生了变化，导致代码中的某些方法无法正确找到。确认你的上传代码是否与打包后的代码在同一目录下或同一级目录下，否则需要修改引用路径。确认你的上传代码路径是否正确，是否有被正确引入。
Ext this.addEvents is not a function错误原因
winerdaxian的专栏
09-28 4561
今天在写Ext js的时候遇到一个 this.addEvents is not a function ，开始一直没有找到头绪 网上一下查了下发现了问题                错误主要是由于没有new 引起的，小心检查一下是否在创建对象的时候忘记写new了？
this.addEvents is not a function
iteye_123的博客
01-04 219
 有一个原因是由于其中的一个控件没有使用关键字new出来或使用关键字new来创建时出错
在Flutter事件日历中清除议程的日程：教程指南
根据提供的文件信息，我们将详细探讨如何在Flutter项目中使用SfCalendar组件清除事件日历中的日程。首先，我们需要了解几个关键组件和概念： 1. Flutter：谷歌开发的开源移动应用开发框架，用于创建高性能、高保真...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值