我正在尝试使用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解决此问题的任何想法? 提前谢谢。