Angular 7 懒加载模块的组件加载两次

Question

我在这里做了一个非常精简的项目版本： https://stackblitz.com/edit/angular-double-load-issue

我们有一个延迟加载的 'client' 模块，其中包含一个客户端布局组件。

在 client-layout 中渲染的组件，例如 Home component 加载两次，谁能告诉我为什么会这样？

查看 slackbitz 中的控制台以查看 home 组件的初始化消息显示两次。

Answer 1

因为你有重复的 router-outlet:

client.component.html:

<sl-client-layout>
  <router-outlet></router-outlet>
</sl-client-layout>

客户端-layout.component（又名sl-client-layout）：

<router-outlet></router-outlet>

将 client.component.html 更改为：

<sl-client-layout></sl-client-layout>

或者只是：

<router-outlet></router-outlet>

Angular 7 lazy loaded module's component loading twice