typescript - Vue 3 + TypeScript TS2614 : Module '"*. vue"' 没有导出成员

Question

我正在尝试在这样的一个组件中进行命名导出:

export interface ITest { t: String }

从另一个调用它:

import { ITest } from '@/components/Test.vue'

出现错误:

TS2614:模块“*.vue”没有导出成员“ITest”。您是想改用“从“*.vue”导入 ITest”吗？

如果我改为:从“@/components/Test.vue”导入 ITest

现在的错误是:模块 '"(path)/Test.vue"' 没有默认导出。您是想改用“从“(path)/Test.vue”导入{ITest}”吗？

如何使用 TypeScript 在 Vue 中进行命名导出？

Vue 3、TypeScript、Webpack 5。

Answer 1

export interface ITest { 
  t: string; 
} 

• 将 Test.vue 更改为 Test.ts，并将其导入到哪里。
• 将类型 String 更改为 typescript 类型 string