Angular Ленивый загруженный модуль навигации к дочерней проблеме

Question

Я создаю приложение администратора и пользователя в Angular 6, и до сих пор у меня есть два лениво загруженных модуля UserModule и AdminModule. Основная маршрутизация моего приложения выглядит следующим образом:

const routes: Routes =
[
  { path: '', redirectTo: 'home', pathMatch: 'full' },
  { path: 'user',    loadChildren: './user/user.module#UserModule'},
  { path: 'admin', loadChildren: './admin/admin.module#AdminModule'  },
  { path: '', redirectTo: 'home', pathMatch: 'full'},
  { path: '**', redirectTo: 'page-not-found'},
];

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

Мои пользовательские модули содержат только user.module и user-routing.module. Внутри модуля есть многокомпонентные компоненты, которые выглядят как

const routes: Routes = [
  {
    path: '',
    component: IndexComponent,
    children: [
      {path: '', component: IndexComponent },
      {path: 'login', component: LoginComponent },
      {path: 'Register', component: RegistrationComponent },

    ]
  }
];

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

One из них - главная страница с <app-login></app-login> с главной панелью навигации с URL, когда я пытаюсь перейти к URL-адресу nay. Я получил ошибку:

Uncaught Error: синтаксическая ошибка, нераспознанное выражение: / user / login

Мое меню

<ul class="navbar-nav ml-auto">
    <li class="nav-item">
        <a class="nav-link page-scroll" routerLink="Register" routerLinkActive='active'>Register</a>
    </li>
    <li class="nav-item">
        <a class="nav-link page-scroll" routerLink='login' routerLinkActive='active'>login</a>
    </li>
</ul>

Где ошибка при переходе к дочерним страницам?

Answer 1

Я изменил структуру своего приложения и теперь отлично работает благодаря всем

Answer 2

Вам необходимо просмотреть структуру маршрутизации, потому что для каждого уровня маршрута необходим собственный маршрутизатор-выход

Здесь работает пример ссылка

А в модуле маршрутизации HomeRoutingModule необходимо удалить пустой подуровень

const routes: Routes = [
  {
    path: '',
    component: IndexComponent,
    children: [
      // {path: '', component: IndexComponent },
      {path: 'login', component: LoginComponent },
      {path: 'Register', component: RegistrationComponent },

    ]
  }
];