为什么在Vue中这种写法 异步组件 没有正常显示？

Question

项目地址
https://stackblitz.com/edit/web-platform-k6egat?file=index.html

问题： index.html中定义了一个异步组件， childComponent中也定义了一个异步组件，这两个异步组件都没有正常显示。这是为什么

参考： vue3中的异步组件
https://cn.vuejs.org/guide/components/async.html

Answer 1

import 别管静态导入还是动态导入，导入的首先得是个模块。

var PcNoteAsyncComponentFirst = defineAsyncComponent(()=>{
    return import("./pcNote.js")
})

你那个 pcNote.js 里压根就没有 export，它能 import 进来啥呢？