react-router with react-routerが動作しません。

Question

nodejsを実行している単純なreactjs SPAを取得しようとしていますが、ルータが正常に動作しません。 私はcreate-react-appで新しいAppを作成し、npm install react-routerを追加しました。 マイpackage.jsonが

{ 
"name": "App", 
"version": "0.1.0", 
"private": true, 
"dependencies": { 
"react": "^15.5.0", 
"react-dom": "^15.5.0", 
"react-router": "^4.0.0" 
    }, 
"devDependencies": { 
    "react-scripts": "0.9.5" 
}, 
"scripts": { 
    "start": "react-scripts start", 
    "build": "react-scripts build", 
    "test": "react-scripts test --env=jsdom", 
    "eject": "react-scripts eject" 
} 
} 

である私はちょうどインクルードはSRC/compoentsに別のフォルダ内のコンポーネント/ と私のindex.jsを反応置く

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import './index.css'; 
import App from './components/App' 
import { Router, Route, IndexRoute, hashHistory } from 'react-router' 

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

これはとしてaspected作品です。アプリケーションが現れて、反応の世界の例が示されます。 しかし、私はルータ

<Router history={ hashHistory }> 
    <Route path='/' component={ App }/> 
</Router> 

アプリの休憩でアプリケーションを置き換えるとき。 IndexRouteを使用しても、Appは機能しません。

hasHistoryをbrowserHistoryまたはcreateMemoryHistoryに変更しても何も変更されません。

正しい方向にヒントを教えてください。私は何が欠けていますか？

Answer 1

@Rob M.あなたは私のヒーローです！ ありがとうございました！ それはまさにポイントでした。

反応ルータのバージョンを2.8に変更しました。あなたが示唆したように、それはうまくいった。

私が正しくドキュメントを理解している場合、そのは

<BrowserRouter> 
<HashRouter> 
<MemoryRouter> 
<NativeRouter> 
<StaticRouter> 

上位ルータとの代わりに反応-ルータ-DOMを使用することをお勧め私はこれを正しく持っていましたか？