vue3 使用 async await 提示 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'parentNode')

这种错误通常是由于在异步函数中调用了一个未完成的DOM元素的属性或方法，导致该元素还没有完全被渲染到页面上，因此无法读取其属性或方法。你可以尝试使用Vue 3提供的异步组件和Suspense组件来解决此问题。

异步组件可以让你异步加载一个组件，而不是一次性加载整个应用程序。当你需要渲染一个异步组件时，Vue会暂停渲染并显示一个指定的fallback组件，直到异步组件加载完成。

Suspense组件可以让你等待异步组件的加载。当异步组件正在加载时，你可以指定一个fallback内容来显示给用户，直到异步组件完成加载为止。

以下是一个示例代码，演示如何使用异步组件和Suspense组件：

<template>
  <div>
    <Suspense>
      <template #default>
        <AsyncComponent />
      </template>
      <template #fallback>
        <div>Loading...</div>
      </template>
    </Suspense>
  </div>
</template>

<script>
const AsyncComponent = defineAsyncComponent({
  loader: () => import('./AsyncComponent.vue'),
  delay: 200,
  timeout: 3000,
})

export default {
  components: {
    AsyncComponent,
  },
}
</script>