5***@qq.com
5***@qq.com
  • 发布:2023-11-29 18:40
  • 更新:2023-11-30 13:23
  • 阅读:329

【报Bug】Vue3/Vite TS版 canvas触摸事件报错

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows11

浏览器平台: Chrome

浏览器版本: 119.0.6045.160

项目创建方式: CLI

CLI版本号: 3.0.0-alpha-3061020221121002

示例代码:

<canvas @touchmove="onTouchmove"></canvas>

<script lang="ts" setup>
function onTouchmove(e){
console.log(e)
}
</script>

操作步骤:

把上方示例放置vue页面编译至h5端触摸移动报错。

预期结果:

正常绘制签名

实际结果:

报错

bug描述:

canvas只要绑定触摸事件,开始点击、滑动就报错
Uncaught TypeError: $event.currentTarget.getBoundingClientRect is not a function
at null:7312:45
at null:9693:60
at callWithErrorHandling (null:1336:22)
at callWithAsyncErrorHandling (null:1345:21)
at HTMLElement.invoker (null:9672:17)

2023-11-29 18:40 负责人:无 分享
已邀请:

最佳回复

YUANRJ

YUANRJ

解决方案:升级下依赖版本 npx @dcloudio/uvm@latest alpha

  • 5***@qq.com (作者)

    升级依赖报错

    npm ERR! code ERESOLVE

    npm ERR! ERESOLVE could not resolve

    npm ERR!

    npm ERR! While resolving: uni-preset-vue@0.0.0

    npm ERR! Found: @dcloudio/vite-plugin-uni@3.0.0-alpha-3061020221121002

    npm ERR! node_modules/@dcloudio/vite-plugin-uni

    npm ERR! dev @dcloudio/vite-plugin-uni@"3.0.0-alpha-3090820231120001" from the root project

    npm ERR!

    npm ERR! Could not resolve dependency:

    npm ERR! dev @dcloudio/vite-plugin-uni@"3.0.0-alpha-3090820231120001" from the root project

    npm ERR!

    npm ERR! Conflicting peer dependency: vite@4.0.3

    npm ERR! node_modules/vite

    npm ERR! peer vite@"^4.0.0" from @dcloudio/vite-plugin-uni@3.0.0-alpha-3090820231120001

    npm ERR! node_modules/@dcloudio/vite-plugin-uni

    npm ERR! dev @dcloudio/vite-plugin-uni@"3.0.0-alpha-3090820231120001" from the root project

    2023-11-30 15:32

  • 5***@qq.com (作者)

    大佬,请问你用bug代码是怎么升级依赖的呢?我选择npm报错依赖冲突,选择pnpm后启动项目报错

    2023-11-30 15:35

  • YUANRJ

    回复 5***@qq.com: node版本多少?使用yarn安装试试

    2023-11-30 16:20

  • 5***@qq.com (作者)

    回复 YUANRJ: node版本18.19.0 使用yarn和pnpm一样,项目启动报错

    2023-11-30 17:16

YUANRJ

YUANRJ

测试未复现,请提供下测试工程

  • 5***@qq.com (作者)

    测试地址 https://systemcsfy.bgi.com/zqtest/

    2023-11-30 10:07

  • 5***@qq.com (作者)

    代码zip包 已重新提交附件

    2023-11-30 10:17

要回复问题请先登录注册