新手刚开始搞，碰到点问题，求大侠

#1

用的是react-create-app

src/index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import './index.css';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

src/app.js

import React, { Component } from 'react';
import { Router, Route, IndexRoute, hashHistory } from 'react-router';
import Home from './components/Home' ;

class App extends Component {
  render() {
    return (<Router history={hashHistory}>
    <Route path="/" component={App}>
      <IndexRoute component={Home} />
    </Route>
  </Router>
    );
  }
}

export default App;

src/components/Home.js

import React, { Component } from 'react';

class Home extends Component {

	render() {
		return(<div>第一次尝试React</div>)
	}
}


export default Home

报错

Uncaught RangeError: Maximum call stack size exceeded
    at RouteUtils.js:53
    at forEachSingleChild (ReactChildren.js:51)
    at traverseAllChildrenImpl (traverseAllChildren.js:77)
    at traverseAllChildren (traverseAllChildren.js:172)
    at Object.forEachChildren [as forEach] (ReactChildren.js:71)
    at createRoutesFromReactChildren (RouteUtils.js:52)
    at Function.createRouteFromReactElement (RouteUtils.js:22)

求助

#2

不晓得是哪里写错了

#3

难道跟router版本有关？

{
  "name": "my_react",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^15.6.1",
    "react-dom": "^15.6.1"
  },
  "devDependencies": {
    "react-scripts": "1.0.7",
    "react-router": "^3.0.0",
    "react-router-bootstrap": "^0.23.1",
    "react-router-transition": "^0.0.6"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}
#4 
   <Route path="/" component={App}>
      <IndexRoute component={Home} />
    </Route>

这里面不对吧。apo嵌套app

#5

好像的确是这里