反應路由器白色屏幕

從以前的項目中使用類似的反應路線，但這只是一個白色屏幕，如果我在根目錄中導航導航鏈接，它會改變路徑，但保持白色。不知道爲什麼內容不會加載也有代碼的回購：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> 
    ); 
    } 
}

只是增加了控制檯沒有錯誤並說它編譯正確，沒有任何警告。網址確實發生了變化，但內容未加載到網頁中。

來源

2017-03-02 Nicholas Ritson

沒有控制檯錯誤？ – paqash

控制檯沒有錯誤，這就是爲什麼即時戰鬥找出問題的地方 –

我克隆你的回購和發現問題 - 這是在App.js

{this.props.childen}一個錯字 - >{this.props.children}

它現在。

來源

2017-03-03 09:21:57 paqash

謝謝，哇，這是非常愚蠢的，我想我需要更多的咖啡 –

反應路由器白色屏幕

回答

相關問題