Estoy trabajando en una aplicación angular que tiene implementada la carga diferida. Intenté experimentar con la carga diferida, pero decidí que todavía no quiero implementarlo en mi aplicación. Este es miapp.module.ts:

app.module.ts:

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    RouterModule.forRoot([
      { path: '', redirectTo: 'store', pathMatch: 'full'},
      { path: 'hq', loadChildren: 'app/hq/hq.module#HqModule' },
      { path: 'store', loadChildren: 'app/store/store.module#StoreModule', pathMatch: 'prefix'},
    ]),
  ],
  bootstrap: [AppComponent],
  exports: [RouterModule],
})
export class AppModule { }

¿Cómo puedo cambiar mi ruta a, por ejemplohq volver a la carga normal? Esperaba que algo como lo siguiente funcionara:

  { path: 'hq', redirectTo: HqModule }

Sin embargo, eso devuelve que mi módulo es un tipo de argumento incorrecto. ¿Es esto posible en Angular?

hq.module.ts

@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild([
        { path: '',
          component: HqTemplateComponent,
          canActivate: [AuthGuard],
          children: [
            { path: '', pathMatch: 'full', redirectTo: 'overview' },
            { path: 'overview', component: OverviewComponent, canActivate: [AuthGuard] },
          ]
        },
    ]),
  ],
  declarations: [HqTemplateComponent, OverviewComponent]
})