小编Sea*_*eja的帖子

我的代码组织如下:

哪里,

资源/ ActionLog /组件/ Layout.js

import React from 'react';

export default class Layout extends React.Component {
    render() {
        return (
            <p>Test</p>
        );
    }
}

资源/ ActionLog /组件/ index.js

export * from './Layout';

资源/ ActionLog/index.js

import React from 'react';
import ReactDOM from 'react-dom';

import Layout from './Components'; // <--- ISSUE HERE.

const app = document.getElementById('app');
ReactDOM.render(
    <Layout/>,
    app
);

为什么不Layout使用此设置导入？

如果我改变要阅读的行,

import Layout from './Components/Layout';

它工作正常,但Layout总是未定义!即使我尝试,

import Layout from './Components/index';

我使用webpack作为我的模块捆绑器,并且之前已经实现了类似的东西,我只是不明白为什么/如何这是不同的..