Angular 7嵌套延迟加载问题

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

我建议您构建一个公共模块，其他模块也应导入该公共模块。

如果您有不必要的导入，请删除不必要的导入。