Vue 3 + TypeScript TS2614：模块“*.vue”没有导出成员

Question

我正在尝试在一个组件中进行命名导出，如下所示：

export interface ITest { t: String }

从另一个调用它：

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

并且出现错误：

TS2614: Module '"*.vue"' has no exported member 'ITest '. Did you mean to use 'import ITest from "*.vue"' instead?

如果我更改为： import ITest from '@/components/Test.vue'

现在错误显示： Module '"(path)/Test.vue"' has no default export. Did you mean to use 'import { ITest } from "(path)/Test.vue"' instead?

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

Vue 3、TypeScript、Webpack 5。

Answer 1

export interface ITest { 
  t: string; 
}