Angular 8 Lazy Load Module - Не удается перемещаться

Question

У меня самое сложное время. Я настроил то, что я считаю правильной структурой, но приложение не позволяет мне ориентироваться и, что еще хуже, оно предоставляет мне ту же страницу. Я пытаюсь перейти к / login, но ничего не работает.

Маршрутизация приложений

const routes: Routes = [
  ///// OPEN ROUTES /////
  { path: "login", component: LoginComponent },
  ///// AUTHENTICATED ROUTES /////
  { path: "home", component: HomeComponent },
  ///// FEATURE MODULES (LAZY LOADED) /////
  {
    path: "clients",
    loadChildren: () =>
      import("./clients/clients.module").then((m) => m.ClientsModule),
  },

  ///// CATCH ALL ROUTES /////
  { path: "not-authorized", component: NotAuthorizedComponent },
  { path: "", redirectTo: "home", pathMatch: "full" },
  { path: "**", component: PageNotFoundComponent },
];

Модуль маршрутизации клиентов

const routes: Routes = [
  {
    path: "",
    component: ClientsComponent,
    children: [
      {
        path: ":id",
        component: ClientDetailsComponent,
      },
      {
        path: ":id/edit",
        component: ClientEditComponent,
      },
      {
        path: "add",
        component: ClientAddComponent,
      },
      {
        path: "**",
        redirectTo: "",
      },
    ],
  },
];

На странице навигации просто есть routerLink = «/ login» по ссылке A

#

EDIT

Забыл выгрузить модуль ClientsModule из основного модуля приложения, поэтому он загружался дважды.

Answer 1

Что нужно проверить:

1. У вас есть роутер-розетка в app.component. html

2. Модуль маршрутизации клиента неверен. Более конкретные c маршруты go к вершине и меньшие параметры c маршруты go к низу:

   children: [ { path: "add", ... }, { path: ":id", ... }, { path: ":id/edit", ... } ]