React Router-未捕获类型错误：无法读取未定义的属性“getCurrentLocation”

Question

我使用的是最新版本的react路由器（版本^3.0.0）。

我使用ES5编写了以下路由：

routes.js：

var React = require("react");
var Router = require("react-router");
var AuthorPage = require('./components/authors/authorPage')
var App = require('./components/app')
var Route = Router.Route;

var routes = (
    <Route path="/" component={App}>
        <Route path="authors" component={AuthorPage}/>
     </Route>
);

module.exports = routes;

在另一个名为main.JS的JS文件中，我执行以下调用：

main.js：

var React= require("react");
var ReactDom = require("react-dom");
var Router = require('react-router').Router;
var routes = require('./routes');
ReactDom.render(<Router routes={routes}></Router>, document.getElementById('app'));

当我运行代码时，我在谷歌Chrome开发者工具中得到以下异常：

未捕获的TypeError:无法读取未定义的属性“getCurrentLocation”

为什么呢？我错过了什么？




Answer 1

有相同的错误，通过以下方式解决：

添加

var hashHistory = ReactRouter.hashHistory;

在路由器设置中，历史等于hashHistory

<Router history={hashHistory}>

因此，在你的情况下：

var routes = (
<Router history={hashHistory}>
    <Route path="/" component={App}>
        <Route path="authors" component={AuthorPage}/>
     </Route>
</Router>
);

Answer 2

您没有将历史记录传递给您的

查看历史记录文档以了解更多信息。