Угловая загрузка ленивых загруженных компонентов модуля в два раза

Question

Я сделал очень урезанную версию нашего проекта здесь: https://stackblitz.com/edit/angular-double-load-issue

У нас есть ленивый загруженный модуль 'client', который содержит компонент компоновки клиента.

Компоненты отображаютсяв 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 (он же sl-client-layout):

<router-outlet></router-outlet>

Либо измените client.component.html на:

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

или просто:

<router-outlet></router-outlet>