2017-03-16 10 views
2

を働いていないV4リアクトルータは、私はルーターの設定のための次のコードを持って

Warning: Failed prop type: The prop `history` is marked as required in `Router`, but its value is `undefined`. in Router (at Router.js:12)  
Uncaught TypeError: Cannot read property 'location' of undefined at new Router (Router.js:43) 
+0

ここで、あなたは 'browserHistory'変数を設定していますか? –

+0

ちょうど反応ルータのインストールされたパッケージの後にインポートされていますか? 'react-router'からのインポート{Router、Route、browserHistory} – Ramusesan

+0

あなたは 'react-router'のどのバージョンを使用していますか? – Nicholas

答えて

5

を私はあなたのリアクト・ルーターを持っているかもしれないと思いますv3とv4の実装が混在しています。おそらくあなたは最近アップグレードしましたか?いずれにしても

、試してみてください。

import {BrowserRouter, Route} from 'react-router-dom'; 

... 

render((
    <BrowserRouter> 
    <Route path="/" component={App} /> 
    </BrowserRouter> 
), document.getElementById('root')); 

は、すでに持っていない場合はreact-router-domをインストールすることを忘れないでください。さらに詳しい情報が必要な場合は、Quick Start公式ガイドをご覧ください。

+0

偉大な仕事クリスは今働いています – Ramusesan

+0

@Ramusesan嬉しいです。 – Chris

+0

また、 'react-router-dom'のファインインポート{HashRouter as Router、Route}を実行しています。 './components/App'からアプリをインポートします。 レンダリング((<ルート正確パス= "/"コンポーネント= {App} />)、document.getElementById( 'ルート')); – Ramusesan

関連する問題