[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus

使用vue-awesome-swiper时报的错

1、[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

解决方案：
给body加上ontouchstart

这个操作是进行手机端兼容处理的，防止伪类:active失效。

2、Module not found: Error: Cannot resolve module 'swiper/css/swiper.css'

一开始是根据github上的swiper vue-awesome-swiper教程安装，安装完运行npm run dev发现一直报这个错，查了node_modules下的swiper根本没有css这个目录，后来在npm install swiper vue-awesome-swiper --save运行后控制台出现提示：vue-awesome-swiper@4.1.1要和swiper@5.2.0搭配使用才有效

解决方案：

npm i vue-awesome-swiper  -S
npm i swipre@5.2.0 -S

运行后正常，而且能找到swiper/css/swiper.css目录了

3 轮播图根据官网配置自动轮播，也是没有自动轮播

原因：版本问题，不同的swiper版本api不同，所以要看对应的swiper版本的api

4移动端常见的一些兼容性问题
链接：移动端常见的一些兼容性问题

[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus相关推荐

三种方法解决[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false
问题背景,开发一个uniapp项目时,需要使用做一个能左右滑动的表,如下图使用的组件为scroll-view,代码截图 bug:左右滑动时,会报错,报错信息如下 [Intervention] Ign ...
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false
今天,在解决微信内部vue页面拖拽冲突的时候(感谢微信浏览器拖动出现黑色/白色背景.网址问题解决方案提供的方案)使用e.preventDefault();的时候,代码报错: [Intervention ...
解决报错,Ignored attempt to cancel a touchmove event with cancelable=false
最近在学uni-app,写项目的时候使用 scroll-view 组件, 每次滚动,控制台都会报如下错误 [Intervention]Ignored attempt to cancel a touch ...
Ignored attempt to cancel a touchmove event with cancelable=false问题
前言:关于我在uniapp项目中使用到了u-popup弹层又在里面加入了scoll-view实现滚动,当我想试下下拉触底的时候弹出该错误,那么我们还如何解决! Ignored attempt to c ...
Ignored attempt to cancel a touchmove event with cancelable=false
解决Ignored attempt to cancel a touchmove event with cancelable=false, 在pages.json中设置该页面 "enableP ...
better-scroll Ignored attempt to cancel a touchend event with cancelable=false, for example becaus
使用better-scroll在安卓上有以下问题当页面在滑动中,然后去点击better-scroll,会报 Ignored attempt to cancel a touchend event wi ...
修复BUG的完整过程：Ignored attempt to cancel a touchend event with cancelable=false
代码环境 "vue": "^3.2.33", "swiper": "^8.4.2", Bug表现: <swiper ...
uniapp引用scroll-view拉到画面最底端出现报错
Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is ...
mintUI vue vue-cli
使用mint-ui 如果滑动过快的话会报Ignored attempt to cancel a touchmove event with cancelable=false, for example b ...

[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus

[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus相关推荐

最新文章

热门文章