vue3中defineAsyncComponent的高级用法中delay和timeout等怎么用？

[HXHSHR]

我只是想利用设置timeout为0毫秒，让其显示我定义的报错组件。
vue文档也是这么写的：

然而，事与愿违，页面上并没有显示这里配置的报错组件，只是控制台上报超时的错
这是我的代码

<template>
    <h1>Parent Component</h1>
    <button @click="show = !show">切换</button>
    <AsyncComponent v-if="show" />
</template>

<script setup lang="ts">
import { defineAsyncComponent, ref } from 'vue';
import LoadingComponent from '@/components/LoadingComponent.vue';
import ErrCom from '@/components/ErrCom.vue';
const show = ref(false);
const AsyncComponent = defineAsyncComponent({
    delay: 200,
    loader: () => import('./components/AsyncComponent.vue'),
    loadingComponent: LoadingComponent,
    errorComponent: ErrCom,
    timeout: 0,
});
</script>

相同的问题还有delay，我即使设置为300000，也不会产生任何效果的延迟，就感觉只有loader属性可行，其他属性都是摆设一样

[Alfred-Skyblue]

The loader is executed as a microtask, while the timeout operates as a timer task. Microtasks are executed before timer tasks, even if timeout is set to 0. Therefore, the loader will complete execution before any timeout occurs. As a result, the errorComponent does not take effect.

Playground