react router - Router.js：111Uncaught TypeError：無法讀取未定義的屬性'getCurrentLocation'

Question

我一直在關注本教程以獲得React Router的工作https://scotch.io/tutorials/routing-react-apps-the-complete-guide ......但是當我嘗試並利用反應路由器的任何功能時 - 它給我這個：

Router.js:111Uncaught TypeError: Cannot read property 'getCurrentLocation' of undefined at Object.createTransitionManager (localhost:8080/public/bundle.js:22730:14) at Object.componentWillMount (localhost:8080/public/bundle.js:22737:36) at localhost:8080/public/bundle.js:15709:24 at measureLifeCyclePerf (localhost:8080/public/bundle.js:15436:13) at ReactCompositeComponentWrapper.performInitialMount (localhost:8080/public/bundle.js:15708:10) at ReactCompositeComponentWrapper.mountComponent (localhost:8080/public/bundle.js:15619:22) at Object.mountComponent (localhost:8080/public/bundle.js:8009:36) at ReactCompositeComponentWrapper.performInitialMount (localhost:8080/public/bundle.js:15732:35) at ReactCompositeComponentWrapper.mountComponent (localhost:8080/public/bundle.js:15619:22) at Object.mountComponent (localhost:8080/public/bundle.js:8009:36)

我試過使用webpack-dev-server以及...仍然沒有喜悅 - 同樣的問題。我找不到任何其他提及此錯誤的信息......可能是什麼問題？

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

class Home extends Component { 
render(){ 
    return (<h1>Hello</h1>); 
} 
} 

render(
<Router> 
    <Route path="/" component={Home}/> 
</Router>, 
document.getElementById('container') 
);' 

Answer 1

是的，我測試了它，你需要傳遞history = {browserHistory}到你的路由器。

render(
    <Router history={ browserHistory }> 
     <Route path="/" component={Home}/> 
    </Router>, 
    document.getElementById('container') 
); 

，不要忘了進口browserHistory：

import { Router, Route, browserHistory, Link, IndexRoute } from 'react-router';