Angular 7延迟加载模块的组件加载两次

【问题标题】：Angular 7 lazy loaded module's component loading twiceAngular 7延迟加载模块的组件加载两次
【发布时间】：2020-01-24 09:39:15
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

因为你有一个重复的router-outlet：

client.component.html：

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

client-layout.component（又名sl-client-layout）：

<router-outlet></router-outlet>

将client.component.html 更改为：

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

或者只是：

<router-outlet></router-outlet>

【讨论】：