title: Default route redirect not working for lazy loaded routes in Angular 2
body: <p>I have an app that is divided into a authenticated section (InternalRootComponent) and an anonymous section (ExternalRootComponent). </p>
  
  <p>Everything works fine when I navigate to the routes explicitly, but when I go to the root (/), I don't get redirected. Also, the AccountsComponent is loaded for some reason.</p>
  
  <p>app-routing.module.ts:</p>
  
  <pre><code>export const routes: Routes = [
      {
          path: '',
          redirectTo: 'login',
          pathMatch: 'full'
      },
      {
          path: 'login',
          component: ExternalRootComponent,
          children: [
              {
                  path: '',
                  loadChildren: './login/login.module#LoginModule'
              }
          ]
      },
      {
          path: 'membership',
          component: ExternalRootComponent,
          children: [
              {
                  path: '',
                  loadChildren: './membership/membership.module#MembershipModule'
              }
          ]
      },
      {
          path: 'app',
          component: InternalRootComponent,
          canActivate: [AuthGuard],
          children: [
              {
                  path: '',
                  canActivateChild: [AuthGuard],
                  children: [
                      {
                          path: '',
                          redirectTo: './dashboard',
                          pathMatch: 'full'
                      },
                      {
                          path: 'dashboard',
                          loadChildren: './dashboard/dashboard.module#DashboardModule'
                      },
                      {
                          path: 'accounts',
                          loadChildren: './accounts/accounts.module#AccountsModule'
                      },
                      {
                          path: 'users',
                          loadChildren: './users/users.module#UsersModule'
                      },
                      {
                          path: 'services',
                          loadChildren: './services/services.module#ServicesModule'
                      },
                      {
                          path: 'support',
                          loadChildren: './support/support.module#SupportModule'
                      }
                  ]
              }
          ]
      },
      {
          path: '**',
          component: NotFoundComponent
      }
  ];
  </code></pre>
  
  <p>accounts-routing.module.ts:</p>
  
  <pre><code>const routes: Routes = [
      {
          path: '',
          component: AccountInfoComponent
      }
  ];
  
  @NgModule({
      imports: [RouterModule.forChild(routes)],
      exports: [RouterModule]
  })
  export class AccountsRoutingModule {}
  </code></pre>
  
  <p>What I don't understand is why the first redirect doesn't work - I would expect / to redirect to /login. Instead, it seems as if the empty route in accounts-routing.module.ts is being invoked.</p>