在vue3上使用Han，会出现点击事件报错，大家有遇到过吗？

Open Amybiubiu opened this issue 8 months ago • 1 comments

环境

vue version: "3.5.13" node version: v18.20.4 系统：macOS Sequoia 15.1 ，芯片 M4

引入方式

<!DOCTYPE html>
<html lang="zh-Hans">

<head>
  <meta charset="UTF-8">
  <link rel="icon" href="/favicon.ico">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, viewport-fit=cotain,maximum-scale=1.0">
  <title>Vite App</title>
  <link rel="stylesheet" media="all" href="//cdnjs.cloudflare.com/ajax/libs/Han/3.2.7/han.min.css">
</head>

<body>
  <div id="app"></div>
  <script type="module" src="/src/main.ts"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/Han/3.2.7/han.min.js">
  </script>
  <script>
    setTimeout(() => {
      // var hinst = Han.init()
      var hinst = Han(document.body).render()
      console.log('hinst', hinst)
    }, 2000)
  </script>
</body>
<style>
</style>

</html>

问题描述

引入后，可以看到中英字符间已经处理了间隔，但是页面有很多点击事件失效了，去除 Han 相关的代码后，又恢复正常。不知道是什么原因导致了与vue事件处理冲突了。

报错日志

TypeError: Cannot read properties of null (reading 'nextSibling') TypeError: Cannot read properties of null (reading 'parentNode')

Apr 14 '25 13:04 Amybiubiu

index-C7md0lRi.js:12 TypeError: Cannot read properties of null (reading 'parentNode')
    at parentNode (index-C7md0lRi.js:952:938)
    at ReactiveEffect.qn [as fn] (index-C7md0lRi.js:948:44217)
    at ReactiveEffect.run (index-C7md0lRi.js:941:2293)
    at ReactiveEffect.runIfDirty (index-C7md0lRi.js:941:2674)
    at callWithErrorHandling (index-C7md0lRi.js:948:873)
    at flushJobs (index-C7md0lRi.js:948:3667)
De.callOriginalConsole @ index-C7md0lRi.js:12
De.addLog @ index-C7md0lRi.js:12
(anonymous) @ index-C7md0lRi.js:12
logError @ index-C7md0lRi.js:948
handleError @ index-C7md0lRi.js:948
callWithErrorHandling @ index-C7md0lRi.js:948
flushJobs @ index-C7md0lRi.js:948
Promise.then
queueFlush @ index-C7md0lRi.js:948
queueJob @ index-C7md0lRi.js:948
we.scheduler @ index-C7md0lRi.js:948
Ee.scheduler @ index-C7md0lRi.js:941
trigger @ index-C7md0lRi.js:941
endBatch @ index-C7md0lRi.js:941
notify @ index-C7md0lRi.js:941
trigger @ index-C7md0lRi.js:941
set value @ index-C7md0lRi.js:941
mn @ index-C7md0lRi.js:956
(anonymous) @ index-C7md0lRi.js:956
Promise.then
He @ index-C7md0lRi.js:956
Ge @ index-C7md0lRi.js:956
navigateTo @ index-C7md0lRi.js:1113
Se @ index-C7md0lRi.js:1113
onClick @ index-C7md0lRi.js:1113
callWithErrorHandling @ index-C7md0lRi.js:948
callWithAsyncErrorHandling @ index-C7md0lRi.js:948
de @ index-C7md0lRi.js:952

Apr 14 '25 13:04 Amybiubiu