解决swiper报错[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for exam

最新推荐文章于 2024-07-03 11:07:05 发布
最新推荐文章于 2024-07-03 11:07:05 发布
阅读量2.8k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： swiper 前端 文章标签： 前端 开发语言 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40430937/article/details/128100041
当遇到Swiper报错[Intervention]Ignored attempt to cancel a touchmove event with cancelable=false时，可以采取两种方法来解决。方法一是直接删除swiper.min.js中的o.preventDefault()；方法二是修改该方法的if判断条件，添加o.cancelable检查。这些步骤有助于避免在滚动进行中无法中断的触摸移动事件。

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

解决swiper报错[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

方法一：将源码文件swiper.min.js中的o.preventDefault()删除(只有一处)
方法二：将源码文件swiper.min.js中的o.preventDefault()的if判断条件加上 && o.cancelable

[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus
ZJ_xunyicao的博客
12-10 965
在vue项目中使用vue-awesome-swiper2.7.6的时候鼠标滑到最右边会报下面的错： [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 解决办法： [Intervention] Ignored attempt to cancel a tou
三种方法解决[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false
热门推荐
weixin_44479794的博客
05-25 2万+
问题背景，开发一个uniapp项目时，需要使用做一个能左右滑动的表，如下图 使用的组件为scroll-view，代码截图 bug：左右滑动时，会报错，报错信息如下 [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 网上找了两个解决方法
解决报错,Ignored attempt to cancel a touchmove event with cancelable=false
xiaojian_521的博客
06-30 2万+
解决报错:[Intervention]Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted
关于Ignored attempt to cancel a touchmove event with cancelable=false问题
qq_45876765的博客
12-12 1538
关于：Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.报错问题
解决uniapp滑动组件[Intervention]Ignored attempt to cancel a touchmove event with cancelable=false
qq_45569925的博客
07-03 880
解决uniapp滑动组件[Intervention]Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted
在使用nuxt前端时，下载好swiper和vue-awesome-swiper后报错 ERROR Failed to compile with 1 errors
huishao_tongzhou的博客
08-28 784
在确定他们的版本都正确的情况下进行运行npm run dev时：还是报错 ERROR Failed to compile with 1 errors This dependency was not found: * vue-awesome-swiper/dist/ssr in ./plugins/nuxt-swiper-plugin.js To install it, you can run: npm install --save vue-awesome-swiper/dist/ssr...
vue-awesome-swiper 报错（“TypeError: Cannot read property ‘slideTo‘ of undefined“），填坑
zhangxiaoxiao9527的博客
09-29 6117
因为业务需要需要轮播组件，所以选择了vue-awesome-swiper 发现一个坑大家注意一下 直接npm（版本6.10）安装,安装下来的版本是+ swiper@3.4.2 + vue-awesome-swiper@2.6.7 npm install swiper vue-awesome-swiper --save 关于使用实例可以从组件官网获取 github官网 中文官网 在官网的参考写法中需要注意两个地方 CSS文件的引入可能随着版本不一样路径会有所不同，所以一定先要检查css文件的引入
在vue项目中下载swiper出现：Do not use ‘new’ for side effects报错问题
YY的博客
12-01 1003
在vue项目中下载swiper出现：Do not use ‘new’ for side effects报错问题
vue项目中使用mint-ui swiper 报Ignored attempt to cancel a touchmove event with cancelable=false, for examp
weixin_43144209的博客
10-20 5503
控制台查看报错信息，定位到报错位置，将event.preventDefault();注释掉，报错就没有了 mint-ui.common.js文件路径：/node_modules/mint-ui/lib/mint-ui.common.js
小程序vant组件库报错[渲染层错误] Ignored attempt to cancel a touchmove event with cancelable=false, for example b
qq_30351747的博客
09-25 6648
小程序使用van-swipe-cell滑动报错 意思就是有一个设置cancelable=false的touchmove事件和其他某个滚动的操作冲突了 解决：在其外层添加 touch-action: none;就可以了 .van-cell { touch-action: none; } touch-action ：当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。 touch-action取值有一下两种 none：系统默认菜单被禁用 default：系统默认菜单不被禁用 .........
.Ignored attempt to cancel a touchmove event with cancelable=false,scrolling is in progress and cann
cyx2350356668的博客
03-14 2万+
.Ignored attempt to cancel a touchmove event with cancelable=false,scrolling is in progress and cannot be interrupted.at vendorsconfiglogin.js:1 移动端滑动滚动条过快报了这个错，查找原因是所引用框架里一个组件的小bug，把框架源码修改下就好了。 解决步骤如...
【报错记录】TouchMove事件中(忽略取消一个touchmove事件的尝试(cancelable=false)，例如，因为滚动正在进行中，不能被中断。)的问题解决方案
weixin_42582523的博客
12-17 3123
TouchMove事件中(忽略取消一个touchmove事件的尝试(cancelable=false)，例如，因为滚动正在进行中，不能被中断。)的问题解决方案
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false
QSWの
11-04 598
swiper报了这个错误，大家都说加touch-action 但是我的还是不好使 然后** 给body加了ontouchstart ** 就好使了 感觉也比之前顺畅了 这个操作是进行手机端兼容处理的，防止伪类:active失效。
Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is
时倾_于你
08-12 3945
Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted 解决方案： 1.node_modules——ionic——core——dist——esm——ion-datetime_3-i...
uniapp swiper 滑动报错：Ignored attempt to cancel a touchmove event with cancelable=false
hywsww的博客
02-09 4574
uniapp swiper 滑动报错 报错内容 Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. <swiper class="swiper square-dot1" :autoplay="autoplay" cancelable="false" indicator-dots=
为什么兼容模式下swiper报错
最新发布
01-10
### 关于 Swiper 插件在兼容模式下的错误原因 浏览器的兼容模式通常会模拟旧版本 Internet Explorer 的渲染方式和 JavaScript 执行环境，这可能导致一些现代 Web 技术无法正常工作。对于 Swiper 这样的依赖 CSS3 和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值