Vue 3 + TypeScript TS2614:模块 '"*.vue"' 没有导出成员

Posted

技术标签:

【中文标题】Vue 3 + TypeScript TS2614:模块 \'"*.vue"\' 没有导出成员【英文标题】:Vue 3 + TypeScript TS2614: Module '"*.vue"' has no exported memberVue 3 + TypeScript TS2614:模块 '"*.vue"' 没有导出成员 【发布时间】:2021-12-09 22:03:52 【问题描述】:

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

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。

【问题讨论】:

【参考方案1】:
export interface ITest  
  t: string; 
 
Test.vue 更改为Test.ts,并将其导入到哪里。 将类型String更改为打字稿类型string

【讨论】:

这个答案解决了问题吗?

以上是关于Vue 3 + TypeScript TS2614:模块 '"*.vue"' 没有导出成员的主要内容,如果未能解决你的问题,请参考以下文章

Vue + Typescript - 无效类型

基于typescript编写vue的ts文件语法模板

TypeScript 和 Vue 类 - TS7053 索引签名

Vue 3 和 Typescript - 无法访问方法中的数据属性

在 Vue 中使用 Typescript

为用 Typescript 编写的 Vue 组件生成 d.ts 文件