的WebPack-dev的服務器，終極版，同形反應路由器不變錯誤

Question

當運行通過的WebPack開發服務器我的服務器，我得到這個錯誤：

Uncaught Error: Invariant Violation: Server-side <Router>s need location, 
branch, params, and components props. Try using Router.run to get all the 
props you need 

我的客戶入口文件看起來是這樣的：

// ... imports ... 
let initialState = window.__INITIAL_STATE__; 

Object.keys(initialState) 
     .forEach(key => { 
     initialState[key] = fromJS(initialState[key]); 
     }); 
const reducer = combineReducers(reducers); 
const store = createStore(reducer, initialState); 
React.render(
    <Provider store={store}> 
    {() => 
     <Router children={routes} history={history} /> 
    } 
    </Provider>, 
    document.getElementById('react-view') 
); 

正確地在服務器端呈現一切，問題是當我在客戶端有這個路由器代碼。似乎路由器正在試圖像服務器大小的路由器那樣工作，即使它正在客戶端上運行。

我使用的版本是：

├── react@0.13.3 
├── react-hot-loader@1.3.0 
├── react-redux@0.8.2 
├── react-router@1.0.0-beta3 
├── redux@1.0.1 
└── webpack-dev-server@1.10.1 

Answer 1

你仍然需要調用Router.run在客戶端來處理導航服務器傳送的第一頁之後。它將使用Router.HistoryLocation，並且仍然執行匹配路線的React.render方法。嘗試在Router.run的內部調用React.render而不是其他方式。