反应路由器白色屏幕

Question

从以前的项目中使用类似的反应路线，但这只是一个白色屏幕，如果我在根目录中导航导航链接，它会改变路径，但保持白色。不知道为什么内容不会加载也有代码的回购：repo with code

index.js

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { Router, Route, browserHistory, IndexRoute } from 'react-router'; 

import App from './App'; 
import Test from './components/test'; 
import Home from './pages/home_page'; 
import './index.css'; 

ReactDOM.render((
    <Router history={browserHistory}> 
    <Route path='/' component={App}> 
     <IndexRoute component={Home}/> 
     <Route path='/test' component={Test} /> 
    </Route> 
    </Router> 
), document.getElementById('app')) 

App.js

import React, { Component } from 'react'; 
import './App.css'; 

export default class App extends Component { 
    render() { 
    return (
     <div> 
     {this.props.childen} 
     </div> 
    ); 
    } 
} 

只是增加了控制台没有错误并说它编译正确，没有任何警告。网址确实发生了变化，但内容未加载到网页中。

Answer 1

我克隆你的回购和发现问题 - 这是在App.js

{this.props.childen}一个错字 - >{this.props.children}

它现在。