未捕获的TypeError:无法读取未定义的属性"createRouteFromReactElement"

我收到此错误: -
未捕获TypeError:无法读取
此代码中未定义的属性'createRouteFromReactElement' .我使用路由器进行导航但没有工作.我导入了一个名为Home.jsx的文件

    var React = require('react')
    var ReactDOM =  require('react-dom')
    var Router = require('react-router').Router
    var Route= Router.Route
    var IndexRoute = Router.IndexRoute 

    var App = React.createClass({
      render() {
        return (
          

            
App
            

              
About
            
          
        )
      }
    })

var About = require('./components/Home')

ReactDOM.render((
  
    
      
    
  
), document.body)

var React = require('react');
var RaisedButton = require('material-ui/lib/raised-button');

var Home = React.createClass({
  render:function() {
    return (
        
    );
  },
});

module.exports = Home;

var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var IndexRoute = ReactRouter.IndexRoute;

var React = require('react');
var ReactDOM = require('react-dom');
var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var IndexRoute = ReactRouter.IndexRoute;

var App = React.createClass({
  render() {
    return (
      

        
App
        {this.props.children}
      
    )
  }
})

var About = require('./components/Home')

ReactDOM.render((
  
    
      
    
  
), document.body)

var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var IndexRoute = ReactRouter.IndexRoute;

var React = require('react');
var ReactDOM = require('react-dom');
var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var IndexRoute = ReactRouter.IndexRoute;

var App = React.createClass({
  render() {
    return (
      

        
App
        {this.props.children}
      
    )
  }
})

var About = require('./components/Home')

ReactDOM.render((
  
    
      
    
  
), document.body)