使用react-router-redux时,使用Webpack2和System.import进行代码拆分不起作用

时间:2016-12-20 07:57:18

标签: import react-router-redux webpack-2

我正在尝试使用Webpack 2和System.import语法进行“代码拆分”,出于某种原因,react-router-redux给我带来了麻烦。

我的路线看起来像是

<Provider store={Store}>
    <Router history={history}>
        <Route 
            path="some-page" 
            getComponent={(location, cb) => {
                System.import('./some-module.jsx')
                    .then((module) => cb(null, module.default))
                    .catch((error) => console.error('Dynamic page loading failed', error));
      }}/>
</Router>

使用'react-router-redux'时

import { routerActions } from 'react-router-redux';
routerActions.push('/some-page');

网址发生了变化,但没有其他事情发生。

现在,如果我使用react路由器browserHistory API - 它可以工作!

import { browserHistory } from 'react-router/es6';
browserHistory.push('/some-page');

有关如何使用react-router-redux解决此问题的任何想法? 提前谢谢。

0 个答案:

没有答案