请教react路由写法的问题？

Question

webpack中，按照文档的写法路由不跳转，下面是我的代码：

const App = () => {
  return (
    <div>
      <Link to="/Login">Login</Link>
    </div>
  )
}

const routes = {
  path: '/',
  component: App,
  chidRoutes: [
    {path:'Login', component: 'Login'}
  ]
}

ReactDOM.render(<Router routes={routes} history={hashHistory} />, document.getElementById('root'))
地址栏输入无效，点击链接报错截图：

Answer 1

chidRoutes: [
    {path:'Login', component: 'Login'}//这个Login没看到你这路径引入呀
  ]
这样试试呢？
chidRoutes: [
    {path:'/Login',component:require('../login.jsx').default}
]

Answer 2

{path:'Login', component: Login}

component后面应该是一个组件，不是一个string