angular - 找不到加载组件的主要出口

Question

我正在使用Angular 4项目，并且我曾经ngSwitch根据条件切换多个布局。所以，此时，我收到错误消息cannot find primary outlet to load Component。这是因为router-outlet但是解决这个问题的最佳方法是什么？

代码 ：

<div [ngSwitch]="isAuthenticated()">
  <div *ngSwitchCase="true">
    <div id="wrapper">
      <navbar></navbar>
      <div class="gray-bg">
        <router-outlet></router-outlet>
        <footer></footer>
      </div>
    </div>
  </div>
  <div *ngSwitchCase="false">
    <div class="blue">
      <router-outlet></router-outlet>
      <footer></footer>
    </div>
  </div>
</div>