ReactJSルータの問題

私はReactJSルーティングを使用して、ほとんどのプロジェクトを作って、私はそれを追跡する方法を手掛かりなしでエラーを取得しています。ここでReactJSルータの問題

は私のコードは次のとおりです。

main.js、

"use strict"; 
var React = require('react'); 
var ReactDOM = require('react-dom'); 
var Router = require('react-router'); 
var routes = require('./routes'); 


ReactDOM.render(<Router>{routes}</Router>,document.getElementById('app'));

routes.js：

"use strict"; 

var React = require('react'); 
var ReactDOM = require('react-dom'); 
var Router = require ('react-router'); 

var DefaultRoute = Router.DefaultRoute; 
var Route = Router.Route; 

var routes = (
    <Route path="app" path="/" component={require('./components/app')} > 
    <DefaultRoute component={require('./components/homePage')} /> 
    <Route path="authors" component={require('./components/authors/authorPage')} /> 
    <Route path="about" component={require('./components/about/aboutPage')} /> 
    </Route> 
); 

module.exports = routes;

app.js：

var React = require('react'); 
var ReactDOM = require('react-dom'); 
var Header = require('./common/header'); 
var reactRouter = require('react-router'); 
var RouteHandler = reactRouter.RouteHandler; 

$= jQuery = require('jQuery'); 

class App extends React.Component{ 
    render(){ 
     return(<div> 
      <Header/> 
      <div className="container-fluid"> 
      <RouteHandler/> 
      </div> 
     </div>); 
    } 

} 

module.exports = App;

homePage.js：

ここ

"use strict"; 

var React = require('react'); 
var ReactDOM = require('react-dom'); 

class Home extends React.Component { 
    render() { 
    return (<div className ="jumbotron"> 
      <h1>Pluralsight</h1> 
      <p>React , react route, and flux for ultra-responsive web aps.</p> 
      </div>); 
    } 
} 

module.exports = Home;

は私のフォルダが注文されています