Angular 14 - Проблема с модулем маршрутизации - Неверная конфигурация маршрута

Question

У меня возникла проблема с угловой маршрутизацией после обновления с Angular 13 до Angular 14. Я получаю следующую ошибку:

      *Uncaught Error: Uncaught (in promise): Error: NG04014: Invalid configuration of route 'homepage/'. One of the following must be provided: component, loadComponent, redirectTo, children or loadChildren*

App.routing.ts

      export const routes: Routes = [
  { path: '', redirectTo: 'homepage', pathMatch: 'full'},
  {
    path: 'homepage',
    loadChildren: () =>
      import('src/app/homepage/homepage-component/homepage.module').then(m => m.HomepageModule),
    canActivate: [AuthGuard]
  },
  {
    path: 'sales',
    loadChildren: () =>
      import('src/app/reports/sales-component/sales.module').then(m => m.HomepageModule),
    canActivate: [AuthGuard]
  },

Я пытался добавить компонент, загрузить компонент и т. д. в маршруты, как говорит ошибка, но loadchildren не будет работать должным образом. Я неправильно использую loadChildren?

Answer 1

Пожалуйста, проверьте маршруты src/app/homepage/homepage-component/homepage.module или разместите код здесь.

Я почти уверен, что у вас есть недопустимые маршруты.

Answer 2

Это то, что сработало в моей ситуации с навигацией после обновления моей версии Angular с v13 до v14.

Модуль приложения

      export const APP_ROUTES: Routes = [
    {
        path: '',
        component: MainComponent,
        children: [
            {
                path: 'settings',
                loadChildren: () => import('./features/settings/settings.module').then(m => m.SettingsModule),
            }
        ]
    }
]

Модуль настроек

      export const SETTINGS_ROUTES: Routes = [
    {
        path: '',
        pathMatch: 'full',
        redirectTo: 'list-defaults',
    },
    {
        path: 'list-defaults',
        component: ListDefaultsComponent,
    }
]