Webpack-DEV-сервер, перевождь, изоморфной реакции маршрутизатор инвариантно ошибка

Question

При запуске моего сервера через WebPack Dev сервера, я получаю эту ошибку:

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 для согласованного маршрута. Попробуйте позвонить React.render внутри Router.run, а не наоборот.