У меня есть сопоставление компонентов, которое используется следующим образом
import {InfoCard} from '@components/base';
const componentMap: ComponentMapping = {
controlledTable: ControlledTable,
infoCard: InfoCard,
};
...
const Component: React.ComponentClass = componentMap[data.class];
return <Component {...data.props} />;
Инфо-карта является экспортом по умолчанию @components/base/info_card.tsx и экспортируется из @components/base/index.tsx, как export { default as InfoCard } from './info_card';
Это так, что я могу импортировать несколько базовых компонентов как:
import {InfoCard, BaseButton, BaseMap} from '@components/base';
Проблема в том, что импортировать как
import {InfoCard} from '@components/base';
не работает для этой части кода, в то время как работает везде. Также переход на следующие работы
import InfoCard from '@components/base/info_card'
Может кто-нибудь сказать мне, почему это произошло ... Я не очень хорошо разбираюсь в том, как работает импорт в веб-пакете.
PS : @components/* - псевдоним веб-пакета, который я использую для ROOT_DIR/src/components.