找不到要加载的主插座 angular 2

Cannot find primary outlet to load angular 2

我有一个带身份验证的 angular 2 应用程序,使用这个 html 作为主要布局

<div *ngIf="auth.loggedIn" class="container">
    <router-outlet></router-outlet>
</div>
<div *ngIf="!auth.loggedIn" class="login">
    <router-outlet></router-outlet>
</div>

然而,当我登录该应用程序时,出现 Error: Cannot find primary outlet to load 错误。当我重新加载页面时,这个错误消失了,但是当我登录后没有刷新页面时,这个错误仍然发生。我做错了什么?

应该有一个 <router-outlet></router-outlet> ,

在您的代码中没有放置两个 <router-outlet></router-outlet> 的意义, 逻辑上它什么都不做。

根据您的代码,您应该将所有条件放在组件 html 中,而不是放在根 html 部分中。