从索引导入仅适用于DEV,而不适用于生产

时间:2017-03-01 13:58:17

标签: reactjs import webpack es6-modules

出于某种原因,我导入组件的方式仅适用于DEV模式。在制作中我得到一个错误。

我有一个主要组件,通过index.js导出目录中的2个组件,导出该目录中的所有组件。

这是我的文件夹结构:

|- index.js
|- Component.js
|- ComponentEmpty.js
|- ComponentFull.js

index.js

export default from './Component';
export { default as ComponentEmpty } from './ComponentEmpty';
export { default as ComponentFull } from './ComponentFull';

Component.js

import { ComponentEmpty, ComponentFull } from './';

...

return (
    <div>
        {
            (!content.length)
                ? <ComponentEmpty 
                    content={content}
                />
                : <ComponentFull />
        }
    </div>
);

我收到此错误

Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

如果以这种方式导入,不会发生这种情况:

import ComponentEmpty from './ComponentEmpty';
import ComponentFull from './ComponentFull';

任何线索?

0 个答案:

没有答案