未定義またはnull参照のプロパティ 'location'を取得できませんでした。ReactJS

Question

私はこのファイルを使用して、私のreactappにエラーを引き起こしています。何らかの理由で

import React from 'react'; 
import { Router, Route } from 'react-router'; 

import App from './components/App'; 
import About from './components/About'; 
import NotFound from './components/NotFound'; 

const Routes =() => (
    <Router> 
     <Route path="/" component={App} /> 
     <Route path="/about" component={About} /> 
     <Route path="*" component={NotFound} /> 
    </Router> 
); 


export default Routes; 

私は<div> hi </div>のような単純な内容で

<Router> 
    <Route path="/" component={App} /> 
    <Route path="/about" component={About} /> 
    <Route path="*" component={NotFound} /> 
</Router> 

を交換した場合、私はそうでない場合、私はこのエラーを取得し、私のアプリのHI見ることができます。

TypeError: Unable to get property 'location' of undefined or null reference

Answer 1

あなたのルート構造ごとに、私はあなたが反応ルータV2またはV3を使用していると仮定しています。

あなたはhashHistoryまたはbrowerHistoryのいずれかのルータを使用して履歴一部を逃したし、このようにそれを定義します。

import { Router, Route, hashHistory } from 'react-router' 

<Router history={hasHistory}> 
    .... 
</Router> 

は歴史の詳細は、DOCを確認してください。

Answer 2

あなたは反応ルータV4.0を使用していると思いますが、v3.0.0を使用すると動作します。