Router的问题Cannot read property 'location' of undefined

Question

项目的地址-->路由

main.js

import About from './Router/About'
import Repos from './Router/Repos'
import App from './Router/App'
import React from 'react'
import PropTypes from 'prop-types';
import ReactDOM from 'react-dom';



import { Router, Route, hashHistory } from 'react-router'

ReactDOM.render((
    <Router history={hashHistory}>
        <Route path="/" component={App}/>
        {/* add the routes here */}
        <Route path="/repos" component={Repos}/>
        <Route path="/about" component={About}/>
    </Router>
), document.getElementById('app'))

Answer 1

react-router@v4.0：

• React Router被拆分成三个包：react-router,react-router-dom和react-router-native，目前网站搭建只需要引入react-router-dom即可；

• 路由器组件无法接受两个及以上的子元素；

• ...

更多改变可以查看官方文档：

正确写法如下：

    import React from 'react'
    import ReactDOM from 'react-dom';
    import { HashRouter, Route, hashHistory, Switch } from 'react-router-dom'
    
    import About from './Router/About'
    import Repos from './Router/Repos'
    import App from './Router/App'
    
    const SliderComponent = () => (
      <Switch>
        <Route exact path='/' component={App} />
        <Route path="/repos" component={Repos}/>
        <Route path="/about" component={About}/>
      </Switch>
    )
    
    ReactDOM.render((
      <HashRouter history={hashHistory}>
        <SliderComponent />
      </HashRouter>
    ), document.getElementById('app'));

Answer 2

看你 package.json 里react-router 已经4.x了，优先去react-router官方文档看看各种例子~
阮一峰这文章里也写明了

Answer 3

现在直接用react-router-dom就行了，参考官方例子吧

Answer 4

还是报错呀
'react-router-dom' does not contain an export named 'hashHistory'.