Angular 角度7延迟加载模块';s组件加载两次

Angular 角度7延迟加载模块';s组件加载两次,angular,typescript,angular7,lazy-loading,angular7-router,Angular,Typescript,Angular7,Lazy Loading,Angular7 Router,我在这里制作了一个非常精简的项目版本: 我们有一个延迟加载的“客户机”模块,其中包含一个客户机布局组件 在客户端布局中呈现的组件,例如主组件加载两次,有人能告诉我为什么会这样吗 请在slackbitz中查看控制台,以查看主设备组件的初始化消息显示两次。因为您有一个重复的路由器出口: client.component.html: <sl-client-layout> <router-outlet></router-outlet> </sl-clien

我在这里制作了一个非常精简的项目版本:

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

客户端布局
中呈现的组件,例如
主组件
加载两次,有人能告诉我为什么会这样吗


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

因为您有一个重复的
路由器出口

client.component.html:

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

client.component.html
更改为:

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

或者只是:

<router-outlet></router-outlet>

难以置信,客户端布局应该使用内容投影,而不是路由器。已用
路由器插座
替换为
ng内容
。谢谢
<router-outlet></router-outlet>