React-Router -未捕获TypeError:无法读取未定义的属性“”getCurrentLocation“”
React-Router -未捕获TypeError:无法读取未定义的属性“”getCurrentLocation“”
提问于 2016-11-30 01:50:55
我使用的是最新版本的react-router (版本^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'));当我运行代码时，在Google Chrome开发人员工具中得到以下异常：
未捕获TypeError:无法读取未定义的属性“”getCurrentLocation“”
为什么会这样呢？我遗漏了什么？
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-11-30 02:06:08
您没有将历史记录传递给<Router>。
有关更多信息，请查看histories documentation。
Stack Overflow用户
发布于 2017-03-21 17:08:56
有相同的错误，用下面的方法解决：
添加
var hashHistory = ReactRouter.hashHistory;在路由器设置中，历史记录等于hashHistory
<Router history={hashHistory}>所以在你的例子中：
var routes = (
<Router history={hashHistory}>
<Route path="/" component={App}>
<Route path="authors" component={AuthorPage}/>
</Route>
</Router>
);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40872481
复制相关文章
相似问题