发现了一个vue3的bug，如有错误请告解。

[louishoos]

我创建了一个MyHeader组件，此组件用来作为导航栏，将MyHeader组件导入到App组件中，后写入一个HomePosts组件，此时我发现，我写的页面出现空白，报bug为Uncaught TypeError: Cannot read properties of null (reading 'nextSibling'),这就很疑惑，应该来说不存在这个bus，Vue3的版本为3.2.45。急
MyHeader组件:
`

前端 后端 其他

  <a-input-search
      v-model:value="value"
      placeholder="input search text"
      enter-button
      @search="onSearch"
  />

  <a-button type="primary" class="header-button1">
    <template #icon>
      <plus-outlined />
    </template>
    发布
  </a-button>
  <a-button type="primary" class="header-button2">
    <template #icon>
      <aliwangwang-outlined />
    </template>
    消息
  </a-button>
  <a-dropdown>
    <a class="ant-dropdown-link" @click.prevent>
      <img  class="img-head"  src="../assets/aaa.jpg">
    </a>
    <template #overlay>
      <a-menu>
        <a-menu-item>
          <a href="javascript:;">点赞</a>
        </a-menu-item>
        <a-menu-item>
          <a href="javascript:;">收藏</a>
        </a-menu-item>
        <a-menu-item>
          <a href="javascript:;">历史记录</a>
        </a-menu-item>
      </a-menu>
    </template>
  </a-dropdown>
</div>

<script setup> import {onMounted, ref} from "vue"; import { PlusOutlined,AliwangwangOutlined } from '@ant-design/icons-vue'; const current = ref(['home']); //首先选定首页 const value = ref(''); const onSearch = searchValue => { //搜索框的内容 alert( searchValue); }; const showHeader = ref(true) //设置导航头显不显示 //获取滚动条的高度 const getScrollTop = ()=>{ const scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; return scrollTop } const initScroll = ()=>{ let initScrollTop = getScrollTop(); let scrollType = 0 ; window.addEventListener("scroll",()=>{ let currentScrollTop = getScrollTop(); if(currentScrollTop > initScrollTop){ //向下滚动 scrollType = 1; }else { //向上滚动 scrollType = 0; } initScrollTop = currentScrollTop; if(scrollType == 1 && currentScrollTop>120){ showHeader.value = false; }else{ showHeader.value = true; } }) } onMounted(()=>{ initScroll(); }) </script> <style scoped> .header{ height: 50px; width: 100%; position: fixed; box-shadow: 0 2px 6px #ddd; } .header-content{ width: 70%; margin: 0px auto; align-items: center; display: flex; height: 50px; } .header-button1{ margin-left: 20px; margin-right: 20px; } .header-button2{ margin-right: 20px; } .img-head{ width: 50px; height: 50px; border-radius: 50%; } </style>`

HomePosts组件
`

more

card content

card content

card content

more

card content

card content

card content

<script setup> </script> <style scoped> .posts{ align-items: center; width:70% ; } </style>`

[baiwusanyu-c]

Please provide a minimal repo 🙏