使用Webpack从索引导入会引发ReferenceError:未定义导出

时间:2019-04-04 12:02:04

标签: ruby-on-rails reactjs webpack babeljs webpacker

我正在开发一个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中。

0 个答案:

没有答案