React router v3 getComponents серверная визуализация

Question

Я использую webpack 2.61, babel 6, реактив-маршрутизатор 3.0.2 и React 15.4.2 с SSR

В моем файле маршрутов я использую метод расщепленных чанков реагирующего маршрутизатора getComponent s но у меня проблемы с тем, чтобы заставить его работать.

Я видел много примеров с getComponent как:

<Route path={ROUTES.SHOP_INFO} getComponent={() => System.import('./containers/Pages/ShopInfo/ShopInfo')} />

, в то время как system.import определен:

if (typeof System.import === 'undefined') System.import = module => Promise.resolve(require(module));

Итак, я попытался понять, как я могу это сделать с помощью getComponent s , и много часов пытался, но все равно ничего ...

Что должно произойтис моей точки зрения, когда пользователь нажимает что-то вроде:

<Route
    path={ROUTES.SEARCH}
    getComponents={(nextState, cb) => {
        return Promise.all({        
            children: System.import('./containers/Pages/Search/search'),
            siteHeader: System.import('./containers/Header/Header')
        });
    }}
/>

, два фрагмента маршрута будут выбраны со стороны сервера, и пользователь будет передан ему.

В этомпример того, что на самом деле происходит, это то, что один кусок будет извлечен с сервера (дочерний блок), а затем ничего не произойдет.

Пожалуйста, помогите и сообщите, что я могу сделать, чтобы решить эту проблему.