懒惰加载到角2中的空路由以外的路由

Question

我有我的app-routing.module.ts如下：

    import { NgModule } from '@angular/core';
    import {
        Routes,
        RouterModule
    } from '@angular/router';

    const routes: Routes = [
        {
            path        : 'reset', 
            loadChildren: 'app/auth/reset-password-form/reset-password-form.module#ResetPasswordFormModule'
        },
        {
            path        : 'verify',
            loadChildren: 'app/auth/verify-user-form/verify-user-form.module#VerifyUserFormModule'
        },
        {
            path        : '404',
            loadChildren: 'app/route-not-found/route-not-found.module#RouteNotFoundModule'
        },
        {
            path        : '',
            pathMatch   : 'full',
            loadChildren: 'app/landing-page/landing-page.module#LandingPageModule'
        },
        {
            path      : '**',
            redirectTo: '/404'
        },

    ];

    @NgModule({
        imports: [RouterModule.forRoot(routes)],
        exports: [RouterModule]
    })
    export class AppRoutingModule {
    }

当我导航到localhost:4200时，它将加载登录页。模块正确，但是，当我输入localhost:4200/reset或localhost:4200/verify或localhost:4200/404时，它不会加载相关模块，而是加载了登录页。模块自动关闭。

我怎样才能解决这个问题？

Answer 1

发生此问题的原因可能是您在AppModule（或任何其他模块文件）的imports:[]中添加了导入。

确保从导入数组中删除所有延迟加载的模块。

例如：我有三个模块，分别命名为：HomeModule、ProfileModule和SettingsModule。如果HomeModule已提前加载，并且ProfileModule和SettingsModule已延迟加载，则AppModule（app.module.ts）的导入：[]应如下所示：

导入：[HomeMoules]，它不应该包括ProfileModule或SettingsModule，因为它们将在运行时自动加载。

Answer 2

您必须将路由添加到您的子模块

  const routes: Routes = [
  { path: '', component: ResetComponent}
  ];
  const ROUTES: ModuleWithProviders = 
  RouterModule.forChild(routes);

和导入子模块中的路由（重置模块）

@NgModule({
 imports: [
    CommonModule,
    ROUTES,
    ],
 declarations: [ResetComponent],
 exports: [ResetComponent]
})