title: Trouble configuring Angular Routing
body: <p>I have 3 levels of routing: <code>app.module</code> > <code>admin.module</code> > <code>manage-users.module</code>.</p>
  
  <p>For some reason the URL path that matches <code>''</code> redirects to the <code>''</code> path in <code>manage-users.module</code> instead of <code>HomeComponent</code>. </p>
  
  <p>I have the following routes in my app.routing:</p>
  
  <pre><code>export const ROUTES: Routes = [
      {
          path: '',
          redirectTo: '/home',
          pathMatch: 'full'
      },
      {
          path: 'home',
          component: HomeComponent
      },
      {
          path: 'admin',
          loadChildren: './admin/admin.module#AdminModule'
      {
          path: 'details',
          loadChildren: './details/details.module#DetailsModule'
      },
      {
          path: 'search',
          loadChildren: './search/search.module#SearchModule'
      },
      {
          path: 'contact',
          loadChildren: './contact/contact.module#ContactModule'
      },
  ];
  
  @NgModule({
      imports: [
          RouterModule.forRoot(
              ROUTES,
              { enableTracing: true, useHash: true, preloadingStrategy: NoPreloading } // &lt;-- debugging purposes only
          )
      ],
      exports: [
          RouterModule
      ]
  })
  export class AppRoutingModule {}
  </code></pre>
  
  <p>My admin routing:</p>
  
  <pre><code>const adminRoutes: Routes = [
      {
          path: 'admin',
          component: AdminComponent,
          children: [
              {
                  path: '',
                  canActivateChild: [ AdminGuard ],
                  children: [
                      {   path: 'users',
                          loadChildren: './manage-users/manage-users.module#ManageUsersModule'
                      },
                      {
                          path: '',
                          component: AdminDashboardComponent
                      }
                  ]
              },
  
          ],
          canActivate: [ AdminGuard ]
      },
  ];
  
  @NgModule({
      imports: [ RouterModule.forChild(adminRoutes) ],
      exports: [ RouterModule ]
  })
  export class AdminRoutingModule {
  }
  </code></pre>
  
  <p>My manage users routing:</p>
  
  <pre><code>const manageUsersRoutes: Routes = [
      {
          path: '',
          component: ManageUsersComponent,
      }
  ];
  
  
  @NgModule({
      imports: [ RouterModule.forChild(manageUsersRoutes) ],
      exports: [ RouterModule ]
  })
  export class ManageUsersRoutingModule {
  }
  </code></pre>