reactjs路由器无法读取未定义的渲染

Question

我正在组装我的第一个基于react的应用程序。我有一个工作应用程序，并已在反应路由器编织。我和巴贝尔在一起。

我在chrome的开发者控制台上得到了以下信息-

Uncaught TypeError: Cannot read property 'render' of undefined
at Object.1../components/Login (http://localhost:8000/bundle.js:90:19)
at s (http://localhost:8000/bundle.js:1:254)
at e (http://localhost:8000/bundle.js:1:425)
at http://localhost:8000/bundle.js:1:443

我在components/Login.js上有以下组件

import React, { Component } from 'react';

class Login extends React.Component {
render() {
    return (
        <nav>
            <ul>
                <li><a href="#">Sign Up Now</a></li>
                <li><a className="button button-primary" href="#">Sign In</a></li>
            </ul>
        </nav>
    );
}
}
export default Login

在我的app.js我有以下几点-

'use strict';

import React from 'react';
import { ReactDOM, render } from 'react-dom';
import { browserHistory, Router, Route, Link, withRouter } from 'react-router';

import {Login} from './components/Login';

const App = React.createClass({

  render() {
    return (
      <div>

        <h2>Title</h2>
        <Options/>

      </div>
    )
  }
})



const Logout = React.createClass({

  render() {
    return <p>You are now logged out</p>
  }

})

const Profile = React.createClass({
  render() {
    //const token = auth.getToken()

    return (
      <div>
        <h1>Profile</h1>
        <p>You made it!</p>
        //<p>{token}</p>
      </div>
    )
  }
})

function requireAuth() {
    console.log("here");
}

ReactDOM.render((   
    <Router>
        <Route path="/" component={App}>
            <Route path="login" component={Login} />
            <Route path="logout" component={Logout} />
            <Route path="profile" component={Profile} onEnter={requireAuth} />
        </Route>
    </Router>
), document.getElementById('app'));

我认为我的错误在于我导出/导入我的组件的方式，因为错误存在于另一个组件中，并且当我更改上面第一个导入的组件时，错误落在该组件上。

我尝试了各种方法，如向导入添加{}、向导出添加默认值以及向组件添加其他导入，如react-dom。

我正在用以下方法建造

babel -presents react,es2015 js/source -d js/build
browserify js/build/app.js -o bundle.js 
cat css/*/* css/*.css | sed 's/..\/..\/images/images/g' > bundle.css
date; echo;

有人能给我建议吗？我已经做了三个晚上了。我只是不明白为什么渲染是未定义的，而它以前在没有路由器的情况下工作。

Answer 1

更改从“/components/Login”导入{Login} 到从“./components/Login”导入登录名 。请记住，在导出带有默认值的内容时，不需要包含{}。

Answer 2

改变

import ReactDOM, { render } from 'react-dom'; 

到

import { ReactDOM, render } from 'react-dom';

做到了——我也没有在路由器中设置导致次要故障的浏览历史。

Answer 3

将登录导入行更改为从“/components/Login”导入登录 修复它？