我正在开发一个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'
更多上下文:它实际上是一个使用webpacker集成React的Ruby on Rails应用程序。使用的依赖项:
babel 6.x
flow 2.5
webpack-dev-server 2.x
webpacker 3.5
core-js 2.6
react 16.8
该项目托管在GitHub和the full package.json中。