javascript - ReactJS - 无法读取新路由器未定义的属性 'location'

Question

所以我为我的 index.js 文件做了一个非常基本的设置，我的所有路由都保存在该文件中。我从控制台收到上述 TypeError，但我不确定原因。下面是我的代码:

const React = require('react');
const ReactDOM = require('react-dom');

// React router goodies
import { Router, Route, browserHistory, IndexRoute, hashHistory } from 'react-router';

const App = require('./components/App.jsx');

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

Answer 1

react-router 不再支持

browserHistory版本 4，这是提出的问题 - Can no longer import { IndexRoute, browserHistory } from version 4.

切换到版本 3.0.0 或使用 BrowserRouter修复相同的问题。

版本3.0.0:

"dependencies": {
    "react": "^15.4.1",
    "react-dom": "^15.4.1",
    "react-router": "^3.0.0",
    "webpack": "^1.14.0",
    "webpack-dev-server": "^1.16.2"
}

版本4.0.0:

const React = require('react');
const ReactDOM = require('react-dom');
import { BrowserRouter, Route } from 'react-router-dom';

const App = require('./components/App.jsx');

ReactDOM.render(
  <BrowserRouter> 
    <Route path="/" component={App}>
    </Route>
  </BrowserRouter>,
  document.getElementById('app')
);