关于vue3 Transition 属性 mode=“out-in“ 页面跳转出现空白的问题

vue文档中的这句话：

重点：单个组件 一个根元素

仅支持单个元素或组件作为其插槽内容。如果内容是一个组件，这个组件必须仅有一个根元素

注意注意注意，重要的事注意三遍！！！

这里的根元素是包裹注释节点的！

// 不只需要注意这里
<router-view v-slot="{ Component, route }">
    <template v-if="Component">
        <Transition name="fade-transform" mode="out-in">
            <KeepAlive>
                <component :is="Component" :key="route.name"></component>
            </KeepAlive>
        </Transition>
    </template>
</router-view>

需要注意查找所有在Conponent上显示的组件里的template下面是否有两个根节点：注释也算根节点