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

Question

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

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

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

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

Answer 1

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

client.component.html：

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

client-layout.component (aka sl-client-layout):

<router-outlet></router-outlet>

要么更改client.component.html为：

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

要不就：

<router-outlet></router-outlet>