Angular 7 nested Ленивый вопрос загрузки

Question

Я использую вложенную ленивую загрузку в своем проекте app.routing.ts

const routes: Routes = [
  { path: '', loadChildren: './user-panel/user-panel.module#UserPanelModule' },
];

export const Routing: ModuleWithProvidButers = RouterModule.forRoot(routes);

и мой user-panel.routing.ts

const routes: Routes = [
  {
    path: '',
    component: UserPanelComponent,
    children: [
      { path: '', loadChildren: './pages/home/home.module#HomeModule' },
    ]
  }
];

export const Routing: ModuleWithProviders = RouterModule.forChild(routes);

Но когда я использую дочернюю маршрутизацию, я получаю эту ошибку

ERROR RangeError: Maximum call stack size exceeded

Answer 1

Я предлагаю Вам, пожалуйста, следовать тому же: -

Решено путем удаления ненужных импортов.

Причиной этой ошибки является проблема циклической зависимости модуля.

Например:

'A' module imports (dependent to) 'B' module

'B' module imports (dependent to) 'A' module

Я предлагаю вам создать общий модуль, чтобы другие модули могли импортировать общий модуль.

Если у вас есть ненужный импорт, удалите ненужный импорт.