Reactjs 在react中创建桶文件（使用.tsx）

以下是我的文件夹结构：

• src
  • 资产
  • 组成部分
  • 模型
    • counter.tsx
    • 索引

models/index.tsx（桶文件）内部的代码

模型内部代码/counter.tsx

export default interface ICounter {
  id: number;
  value: number;
}

进口声明

import { ICounter } from "models";

问题是我的import语句中出现了一个错误，指出我的桶文件没有导出的成员

ICounter

---

如何在.tsx中创建桶文件？

创建文件

index.ts

export { blue } from './blue';
export { yellow} from './yellow';
export { green} from './green';
export { red} from './red';

---

来源：

您是如何解析

'models'

导入的？它不应该是一条相对路径吗。请包括

models/index.tsx

和

counter.tsx

的完整来源。2.请不要将错误文本作为图像发布。我在tsconfig.json的compilerOptions下有一个

baseUrl:“src”

属性，您如何在

counter.tsx中导出
ICounter
？它是命名导出吗？您正在将
i计数器
导出为
default
并以命名导入。桶必须命名。从
i计数器中删除
default
。
export { blue } from './blue';
export { yellow} from './yellow';
export { green} from './green';
export { red} from './red';