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

Question

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

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

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

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

Answer 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>