ReactJS-关于路由器的问题

我有一个导入路由器的组件,它不工作,也没有任何错误消息。网页没有出现在浏览器上。这是一个课程的应用程序。因为这门课有点旧,有些东西可能要多花钱。以下是我的组件代码:

import '../common/template/dependencies'
import React from 'react'    

import Routes from './Routes'

export default props => (
  <div className='wrapper'>   
    <div className='content-wrapper'>
     <Routes />
     </div>
  </div>
)

import React from 'react'
import {Router, Route , Redirect, hasHistory} from 'react-router'

import Dashboard from '../dashboard/Dashboard'
import BillingCycle from '../billingCycle/BillingCycle'

export default props => (
  <Router history={hasHistory}>
    <Route path='/' component={Dashboard} />
    <Route path='/billingCycles' component={BillingCycle} />
    <Redirect from='*' to='/' />
  </Router>
)

当我评论上面这行组件时,一切都很好。

  {/*<Routes />*/}