typescript 在react中创建桶文件(使用.tsx)

63lcw9qa 于 2022-12-24 发布在 TypeScript

关注(0)|答案(2)|浏览(207)

下面是我的文件夹结构：

型号/index.tsx（桶文件）内的代码

export * from "./counter";

模型/counter. tsx内的代码

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

导入语句

import { ICounter } from "models";

问题是我从import语句中得到一个错误，指出我的barrel文件没有导出的成员ICounter

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

2条答案

创建一个文件index.ts

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

首先，您应该使用命名导出而不是默认导出来正确地工作barrel导出。您可以阅读this article来了解为什么您必须在barrel文件中使用命名导出。因此，如果您按如下所示更改models/counter.tsx文件，您的问题将得到解决。

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