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; 
} 

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