<p>根据这篇文章，我想要将组件动态地导入到我的Vue 3应用程序中。视图的代码如下：</p> <pre class="brush:php;toolbar:false;">&lt;template&gt; &lt;div class="page"&gt; &lt;latest-box v-if="showLatestBox" /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; // @ 是 /src 的别名 // 这种方式有效 //import LatestBox from '@/components/LatestBox.vue' export default { name: 'Page 1', data() { return { showLatestBox: true, } }, components: { LatestBox: () =&gt; import('@/components/LatestBox.vue') // 这种方式无效 } } &lt;/script&gt;</pre> <p>代码没有报错，但是我在页面上看不到组件。如果我使用第一种导入方式，它可以工作。我漏掉了什么吗？</p>

import { defineAsyncComponent } from 'vue'
...
    components: {
        LatestBox: defineAsyncComponent(() => import('@/components/LatestBox.vue'))
    }