TypeScript箭头函数返回类型:不使用unknown该如何编写?
动态导入Vue组件的TypeScript返回类型写法
你可以直接用Promise<typeof import('./header.vue')>作为返回类型,这是最准确的写法——动态import()本身返回的是Promise,而typeof import('./header.vue')会自动获取该Vue单文件组件的完整导出类型:
export const header = (): Promise<typeof import('./header.vue')> => import('./header.vue')
如果你的项目基于Vue 3,也可以用Vue官方提供的DefineComponent类型,但这种写法会丢失组件的具体props、emit等专属类型信息,仅保留通用组件类型:
import type { DefineComponent } from 'vue' export const header = (): Promise<DefineComponent> => import('./header.vue')
优先推荐第一种写法,它能让TypeScript准确识别组件的专属类型,提供更精准的类型校验和开发提示。
内容的提问来源于stack exchange,提问作者Gang
相关产品推荐
相关产品推荐

