Создание файла барреля в реакции (используя .tsx)

Question

Вот моя структура папок:

• src
  • активы
  • компоненты
  • модели
    • counter.tsx
    • index.ts

Код внутри моделей / index.tsx (файл бочки)

export * from "./counter";

Код внутри models / counter.tsx

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

Оператор импорта

import { ICounter } from "models";

Проблема заключается в том, что в операторе импорта появляется сообщение о том, что в моем бочечном файле нет экспортированного элемента ICounter

Как создавать бочечные файлы в .tsx?

Answer 1

Создать файл index.ts

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

источник: https://hackernoon.com/react-project-architecture-using-barrels-d086146eb0f6