React路由器：无法读取未定义的属性“pathname”

Question

var React = require('react');
var ReactDOM = require('react-dom');
var { Route, Router, IndexRoute } = require('react-router');
var hashHistory = require('react-router-redux')

var Main = require('./components/Main');

ReactDOM.render(
    <Router history={hashHistory}>
        <Route path="/" component={Main}>

        </Route>
    </Router>,
  document.getElementById('app')
);

我所遵循的教程使用的是React-Router 2.0.0，但在我的桌面上，我使用的是4.1.1。我试图搜索更改，但没有找到有效的解决方案。

"dependencies": {
"express": "^4.15.2",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-router": "^4.1.1",
"react-router-dom": "^4.1.1",
"react-router-redux": "^4.0.8"

Answer 1

我得到了上面的错误消息，它非常神秘。我尝试了提到的其他解决方案，但都不起作用。

原来，我无意中忘记在 组件中包含to道具。

希望错误信息更好。一个简单的必需的prop“to”not found或类似的东西会很有帮助。希望这能挽救一些遇到同样问题的人。