Uncaught TypeError: Cannot read property 'trigger' of undefined（zepto.js）

最新推荐文章于 2022-03-11 09:08:04 发布
原创 最新推荐文章于 2022-03-11 09:08:04 发布 · 5.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#zepto

本文探讨了使用zepto.js时遇到的触屏事件冲突问题，特别是当新的Chrome版本支持pointerup事件后，导致tap事件触发多次的情况。通过删除相关pointerup事件绑定解决了该问题。

去掉pointermove pointerdown pointerstart

原因：

点击tap，touchstart和pointerstart都执行了，tap里面代码执行了两次，仔细看了下，首先点击后触发了两次，说明被绑定了两次事件，然后查看下zepto的touch.js代码，发现它绑定了三个事件touchend MSPointerUp pointerup，touchend是触摸相关的事件，MSPointerUp 是ie10的触摸事件，pointerup是指针事件，所以应该是以前chrome不支持pointerup事件，现在新版本支持了，然后报错了，把zepto里面pointerup相关的事件都删除了后测试没有问题。

具体看：https://github.com/madrobby/zepto/issues/1249

bootstrap:27 Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘) at Obje
郭宝的博客
06-27 888
进入 https://www.crx4chrome.com/crx/277332/ 网站下载插件即可。关闭之前安装的React Developer Tools插件，再次运行React 项目即可。版本可能太低，然后我就换了一个高的版本，就解决了。安装一个高版本的react-主要原因是 react-
Ext JS 问题解决之——Uncaught TypeError: Cannot read property ‘isCollapsed‘ of undefined
oscar999的专栏
06-05 409
在使用Ext JS Grid的分组和行插件实现四层Grid ，在最下层点击收合时出现如下错误：Uncaught TypeError: Cannot read property 'isCollapsed' of undefined
浏览器报Uncaught TypeError: Cannot read property 'trigger' of undefined解决方案
汉堡请不要欺负面条
06-08 1万+
在使用Zepto的时候谷歌浏览器报错 Uncaught TypeError: Cannot read property 'trigger' of undefined如截图： 解决办法如下 1、谷歌浏览器输入 chrome://flags/ 回车 2、找到 指针活动 那一项 3、选择 已停用 然后重启google浏览器就好了
zepto部分报错及解决方案
baozhuona的博客
12-29 7260
报错1：touch_events.html:27 Uncaught TypeError: $(...).tap is not a function 原因:zepto将部分功能都分散在各自的模块了解决：如果用tap功能，需要去github下载touch.js模块并引入；------------------------------------------------------------------...
easyui使用时出现这个Uncaught TypeError: Cannot read property 'combo' of undefined
afo0579的博客
06-21 598
easyui使用时出现这个Uncaught TypeError: Cannot read property 'nodeName' of undefined 最后检查发现是必须给select一个id，光给name不行， 构建后，easyui改变了dom结构，元素的访问select的jq选择器什么实现了可能。 原想着不想用id凑合用吧。 $("#table_category"...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
vue3和axios打起来报错uncaught typeerror: cannot read property ‘use‘ of undefined at...的详细解决方案
weixin_53156322的博客
03-11 3201
本文实乃匠心之作，全程干货，希望能帮到大家。 在做springboot整合vue的前后端分离项目时遇到此问题。 搜了一下，别人是这样说的：根本原因是 引入的axios库是使用vue2.0开发的一套组件库，而我们当前的项目为vue3，所有存在兼容性的问题。 网上的解决方案也都试了一遍，问了前端的小伙伴他也不知道，但是它建议我用vue2再来，我不服，没人踩这坑，我拼了半条命也要给他填了。 首先，如果你是简单的项目，axios调用也只有一个弹窗测试，那么你可以这样做。 注释掉就可以了，你就会发现可以用。
报Uncaught TypeError: Cannot read property 'trigger' of undefined at appcan.js:1
weixin_30693683的博客
03-02 374
　　报这个错是因为zepto版本太低的原因，虽然我引用的是appcan.js，但是appcan.js里面包括zepto，其实这个错误不影响页面使用。 转载于:https://www.cnblogs.com/yaoya/p/6491434.html...
zepto.js tap 会执行两次的bug以及 Uncaught TypeError
chanming的博客
08-29 1575
发现zepto.js 的tap事件，点击一次会执行两次，于是搜了一下，发现很多人都提了这个问题了。 原因就是谷歌升级为55版本之后，最新版Chrome绑定了三个事件touchend MSPointerUp pointerup，touchend是触摸相关的事件，MSPointerUp 是ie10的触摸事件，pointerup是指针事件。 可能是以前的chrome不支持pointerup事件，
成功解决：Uncaught TypeError: Cannot read property 'search' of undefined
前方一片光明
11-06 9万+
前言 今天使用JS进行处理字符串的时候，出现了报错： Uncaught TypeError: Cannot read property 'search' of undefined 本来在JS里有search() 这个方法的，但是却一直出现了undefined这个错误，如下图 分析 原因是出在了字符串身上，没有对字符串是否为空进行判断 解决 对字符串是否为空进行判断就行啦： i...
Uncaught TypeError: Cannot read property 'call' of undefined jquery.validate.min.js:28
baicp3的专栏
06-23 2万+
最近在做表单校验的时候，自己写的addMethod 方法老是不起作用，折腾了接近一天的时间。报的错误如下 Uncaught TypeError: Cannot read property 'call' of undefined jquery.validate.min.js:28 先来看一下 我自己页面的布局。 top.jsp 上面的截图为top.jsp的头部引用的表单校验jq
浏览器报错 Uncaught TypeError: Cannot read property 'prototype' of undefined 的解决办法
热门推荐
love_onefly的博客
06-07 12万+
错误原因：解决办法：主要引入的js的顺序！
DataTable插件报错：Uncaught TypeError: Cannot read property 'style' of undefined
lzy_zhi_yuan的博客
06-20 1万+
DataTable插件报错：Uncaught TypeError: Cannot read property 'style' of undefined 原因：table 中定义的列和aoColumns数据表的项数量对不上：比如下面： <table class="table dataTable "> <thead> <tr> ...
【js】Uncaught TypeError: Cannot read property 'trim' of undefined
anyway, life must全力以赴
04-08 7952
值得一记。可能获取到的对象为undefined。【我的错误原因，$("#XxxID")忘记给 DOM对象 加id属性。导致拿到的对象是undefined】==========参考：https://stackoverflow.com/questions/32733423/uncaught-typeerror-cannot-read-property-trim-of-undefined-in-jque...
Uncaught TypeError: Cannot read property ‘call’ of undefined
最新发布
06-17
### Vue2 打包后 Uncaught TypeError: Cannot read property 'call' of undefined 的解决方案 在 Vue2 项目中，打包后出现 `Uncaught TypeError: Cannot read property 'call' of undefined` 错误通常与 Webpack 配置或第三方库的解析问题有关。以下是详细的分析和解决方案： #### 1. **Webpack 配置中的 noParse** 如果项目中使用了某些大型的第三方库（例如 `ali-oss`），这些库可能包含预编译的 JavaScript 文件，而 Webpack 在默认情况下会尝试解析这些文件。这可能导致错误的发生。解决方法是在 Webpack 配置中添加 `noParse`，以忽略对特定库的解析。 在 `webpack.base.conf.js` 文件中修改配置如下： ```javascript module.exports = { module: { rules: [ // 其他规则... ] }, // 添加 noParse 配置 noParse: [/ali-oss/] }; ``` 通过上述配置，可以避免 Webpack 对 `ali-oss` 库的不必要解析[^1]。 #### 2. **检查变量初始化** 错误也可能由未正确初始化的变量引起。确保所有需要访问的对象属性都已正确定义。例如，以下代码会导致类似错误： ```javascript let obj = {}; console.log(obj.call); // Uncaught TypeError: Cannot read property 'call' of undefined ``` 可以通过以下方式避免此类问题： ```javascript let obj = { call: () => console.log('Called') }; if (obj && typeof obj.call === 'function') { obj.call(); } ``` #### 3. **异步数据加载问题** 如果项目中存在异步数据加载逻辑，确保在数据完全加载后再访问相关属性。例如，在 Vuex 或 Axios 请求中，确保数据已成功返回后再进行操作。 示例代码： ```javascript async function fetchData() { const response = await axios.get('/api/data'); if (response.data) { console.log(response.data.call); } else { console.error('Data is undefined'); } } ``` #### 4. **Vue 插件或依赖版本冲突** 如果错误发生在插件注册阶段（如 `Vue.use()`），可能是由于 Vue 插件或依赖版本不兼容导致的。例如，`vue-router` 版本过高可能导致与 Vue2 不兼容的问题。可以通过降级插件版本来解决。 安装兼容的 `vue-router` 版本： ```bash npm install vue-router@3.5.3 # 或者 yarn add vue-router@3.5.3 ``` 确保项目中使用的插件版本与 Vue2 兼容[^4]。 #### 5. **调试与日志记录** 为了更精确地定位问题，可以在报错位置添加调试信息。例如： ```javascript try { Vue.use(SomePlugin); } catch (error) { console.error('Error in plugin registration:', error); } ``` --- ### 示例代码调整 假设问题出现在插件注册阶段，可以参考以下代码调整： ```javascript // main.js import Vue from 'vue'; import App from './App.vue'; import router from './router'; // 确保插件已正确导入 import SomePlugin from 'some-plugin'; Vue.config.productionTip = false; try { Vue.use(SomePlugin); } catch (error) { console.error('Failed to register plugin:', error); } new Vue({ router, render: h => h(App), }).$mount('#app'); ``` --- ### 总结 通过调整 Webpack 配置、检查变量初始化、处理异步数据加载问题以及确保插件版本兼容性，可以有效解决 Vue2 打包后出现的 `Uncaught TypeError: Cannot read property 'call' of undefined` 错误[^1][^2][^3][^4]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值