Angular 12：升级后，路由器输出并未渲染组件

Question

我已经从旧导入方式中更改了路由器导入的导入，

loadChildren: './lazy/lazy.module#LazyModule

我使用了动态导入来加载路由器模块。

loadChildren: () => import('./lazy/lazy.module').then(m => m.LazyModule)

现在，我不是在渲染组件，而是渲染组件，同时标头和页脚，组件加载正常，因为它没有从路由器输出中加载。

app.component.html

<header-component>.  //rendering fine
<router-outlet></router-outlet>. // I am seeing it gets routed in the address bar, but the component is not getting rendering.
<footer-component> //rendering fine 

我在上述问题的控制台或VSCODE上没有任何错误。 当组件空白时，我该如何调试此问题，尽管它的路由正确，但我也将在“网络”选项卡中获得此组件的API响应，因此API响应不会在屏幕上以HTML呈现。

当我从Angular 11升级到12版时，这个问题发生在我身上。

我的详细代码结构与此文档

Answer 1

@jsbeginner请共享您的lazymodule代码，似乎您需要在lazymodule模块中指定如何配置路由

，然后

const routes: Routes = [
  {
    path: '',
    component: LazyComponent],
  },
];

在lazymodule的导入中添加此代码行

RouterModule.forChild(routes),