出于某种原因,我导入组件的方式仅适用于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';
任何线索?