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

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

代码007普通

打赏 收藏 海报 链接