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';