Я работаю над приложением React, где есть папка components
с индексным файлом, куда экспортируются все отдельные компоненты:
// components/index.jsx
export * from 'components/ComponentA'
export * from 'components/ComponentB'
export * from 'components/ComponentC'
ComponentA
использует B и C, поэтому яхотите импортировать их из папки, а не из каждого файла:
// ComponentA.jsx
import { ComponentB, ComponentC } from 'components'
...
Webpack компилируется без ошибок, но затем в браузере компонент не отображается и в консоли появляется ошибка:
ReferenceError: экспорт не определен
Однако этого не произойдет, если я импортирую файл за файлом ...
import { ComponentB } from 'components/ComponentB'
import { ComponentC } from 'components/ComponentC'
Больше контекста: это действительно Ruby onПриложение Rails, использующее webpacker для интеграции React.Используемые зависимости:
babel 6.x
flow 2.5
webpack-dev-server 2.x
webpacker 3.5
core-js 2.6
react 16.8
Проект размещен на GitHub и полный пакет. Json .