Meteor 不显示我的组件

我已经阅读了所有其他问题与同一问题，但它只是不适合我

index.html

指数

client/app.jsx

从“React”导入React；
从'react dom'导入{render}；
从“react Router”导入{Router，Route，IndexRoute，browserHistory}；
从“meteor/std:Accounts ui”导入{Accounts，STATES}；
从“../imports/ui/layouts/main.jsx”导入{MainLayout}；
从“../imports/ui/components/index.jsx”导入{IndexPage}；
从“../imports/ui/components/errors/not found.jsx”导入{NotFoundPage}；
流星启动（（）=>{
渲染(
,
document.getElementById（'app'）
);
});

导入/ui/layouts/main.jsx

从'react'导入{Component}；
导出默认类MainLayout扩展组件{
render（）{
返回(
主布局
{this.props.children}
);
}
}

导入/ui/components/index.jsx

从'react'导入{Component}；
导出默认类IndexPage扩展组件{
render（）{
返回(
索引页
);
}
}

导入/ui/components/errors/not-found.jsx

从'react'导入{Component}；
导出默认类NotFoundPage扩展组件{
render（）{
返回(
404-找不到！
);
}
}

因此，除了

/signin

或

/signup

之外，转到任何URL都不会显示任何内容，只会显示

index.html

中的内容（即react不会呈现任何内容）

此外，

/signin

根本不呈现

主布局


我试着四处看看，重新阅读文档，等等。我没有发现我的代码有任何错误，也没有任何错误。那么，为什么它不起作用呢

（注意：我昨天安装了Meteor 1.3.2.4以及所有最新的npm模块和软件包。）
嗯，我出去散步（终于阳光明媚，天气温暖！）然后回来了。我看到的代码与示例之间的唯一区别是
export
语句。。。或更精确地导出默认值

从

import { MainLayout } from '../imports/ui/layouts/main.jsx';

到

这是我的错误


import React from 'react';
import { render } from 'react-dom';
import { Router, Route, IndexRoute, browserHistory } from 'react-router';
import { Accounts, STATES } from 'meteor/std:accounts-ui';

import { MainLayout } from '../imports/ui/layouts/main.jsx';

import { IndexPage } from '../imports/ui/components/index.jsx';
import { NotFoundPage } from '../imports/ui/components/errors/not-found.jsx';

Meteor.startup( () => {
  render(
    <Router history={ browserHistory }>
      <Route path="/" component={ MainLayout }>
        <IndexRoute component={ IndexPage } />
        <Route path="signin" component={ Accounts.ui.LoginForm } formState={ STATES.SIGN_IN } />
        <Route path="signup" component={ Accounts.ui.LoginForm } formState={ STATES.SIGN_UP } />
      </Route>
      <Route path="*" component={ NotFoundPage } />
    </Router>,
    document.getElementById('app')
  );
});

import { Component } from 'react';

export default class MainLayout extends Component {
  render() {
    return (
      <div>
        <h2>Main Layout</h2>

        {this.props.children}
      </div>
    );
  }
}

import { Component } from 'react';

export default class IndexPage extends Component {
  render() {
    return (
      <div>Index Page</div>
    );
  }
}

import { Component } from 'react';

export default class NotFoundPage extends Component {
  render() {
    return (
      <div>404 - Not found!</div>
    );
  }
}

import { MainLayout } from '../imports/ui/layouts/main.jsx';

import MainLayout from '../imports/ui/layouts/main.jsx';