ts报错SyntaxError: The requested module ‘interfaceType.ts?t=1676801910376‘ does not provide an export

追逐梦想之路_随笔

于 2023-02-19 18:30:33 发布

阅读量1.7k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： typeScript 文章标签： typescript

7 篇文章

订阅专栏

在typescript文件interfaceType.ts中，原本使用export定义的接口PropObj和TabProps导致了在test.vue组件中导入时的语法错误。根据官方文档，应改用exporttype来导出接口，同时在test.vue中使用importtype导入，从而解决了问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.错误示范
interfaceType.ts 文件中使用export暴露

export  interface PropObj {
  id: number;
  name: string;
}

export  interface TabProps {
  tabObj: PropObj;
}

test.vue中引入PropObj TabProps接口

import  { PropObj,TabProps } from "@/common/interfaceType";

接下来执行出现报错：

SyntaxError: The requested module 'interfaceType.ts?t=1676801910376' does not provide an export named 'PropObj'

2.正确示例
查阅官方文档说明,导入和导出需要使用export type / import type
interfaceType.ts

interface PropObj {
  id: number;
  name: string;
}

interface TabProps {
  tabObj: PropObj;
}

export type { PropObj, TabProps };

test.vue

import type { PropObj, TabProps } from "@/common/interfaceType";