反应路由不呈现主页

Question

我是一个名为Layout的包装器组件。

  class Layout extends React.Component{
      render(){
        return(
          <div className="container-fluid">

          </div>
        );
      }
    }
    export default Layout;

然后是一个充当主页的App组件。

class App extends React.Component {
  render() {
    return (
      <div className="row">
        <Header />
        <div className="col-md-4">
          <UserViewer/>
        </div>
        <div className="col-md-8">
          <ImageViewer/>
        </div>
      </div>
    );
  }
}
export default App;

这是我的路线配置

export default (
  <Route path="/" component={Layout} >
    <IndexRoute component={App}/>
    <Route path="*" component={NotFoundPage} />
  </Route>

);

这是我的申请的入口点。

ReactDOM.render(
  <Router history={browserHistory} routes={routes} />, document.getElementById('root')
);

App组件永远不会在页面上呈现，即使在我的浏览器的React选项卡上，我也看不到应用程序组件被渲染。