couldn't make require.ensure to work

Hi there, I’m trying to use dynamic routing with require.ensure but am unable to make it work. Here is my code snippet:

routes.js

import React from 'react';
import { Router, Route, browserHistory } from 'react-router';

import App from './App';

const componentRoutes = {
  component: App,
  path: '/',
  childRoutes: [
    {
      path: 'Login',
      getComponent: (a, cb) => require.ensure([], require => {cb(null, require('./Login'));})
    },
    {
      path: 'Report',
      getComponent: (a, cb) => require.ensure([], require => {cb(null, require('./Report'));})
    }
  ]
};

const Routes = () => {
  return (
    <Router history={browserHistory} routes={componentRoutes} />
  );
};

export default Routes;

There is neither error on the terminal nor on the Chrome’s console. The page just renders the App component.

Am I missing something?

[gaearon]

For example require('./Login') looks suspicious because if you use ES6 exports there, you likely want require('./Login').default instead.

[gaearon]

It’s weird RR didn’t throw an error on this. (Which is why I wanted to isolate it—wasn’t sure if RR handles such errors.)