React-Router - Uncaught TypeError：未定義のプロパティ 'getCurrentLocation'を読み取ることができません

Question

react-router（バージョン^ 3.0.0）の最新バージョンを使用しています。

routes.js：：私はES5を使用して、ルーティング、以下を書いた

main.js：

var React= require("react"); 
var ReactDom = require("react-dom"); 
var Router = require('react-router').Router; 
var routes = require('./routes'); 
ReactDom.render(<Router routes={routes}></Router>, document.getElementById('app')); 

var React = require("react"); 
var Router = require("react-router"); 
var AuthorPage = require('./components/authors/authorPage') 
var App = require('./components/app') 
var Route = Router.Route; 

var routes = (
    <Route path="/" component={App}> 
     <Route path="authors" component={AuthorPage}/> 
    </Route> 
); 

module.exports = routes; 

別のJSファイルでは、私は次の呼び出しを実行main.jsと呼ばれます私が共同経営するときGoogle Chromeデベロッパーツールで次の例外が発生する：

Uncaught TypeError: Cannot read property 'getCurrentLocation' of undefined

なぜですか？私は何が欠けていますか？

Answer 1

あなたはあなたの<Router>に履歴を渡していません。

詳細については、histories documentationをご覧ください。

が

var hashHistory = ReactRouter.hashHistory; 

を追加し、ルータは歴史がだからあなたの場合にはhashHistory

<Router history={hashHistory}> 

に等しく設定で：

Answer 2

は、このようにそれを解決し、同じエラーが発生しました

var routes = (
<Router history={hashHistory}> 
    <Route path="/" component={App}> 
     <Route path="authors" component={AuthorPage}/> 
    </Route> 
</Router> 
);