cannot find primary outlet to load Component

Asked Apr 28 '17 at 07:41

Active Apr 28 '17 at 14:17

Viewed 647 times

I am using Angular 4 project and I have used ngSwitch to switch multiple layouts based on condition. So, at this time, I am getting error cannot find primary outlet to load Component. It is because of router-outlet but what is the best way to solve this ?

Code :

<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>

edited Apr 28 '17 at 14:17

Parth Ghiya

6,929
2
30
37

asked Apr 28 '17 at 07:41

Jeeten Parmar

5,568
15
62
111

1

Please share code snippet for @component – Kushal Sharma Apr 28 '17 at 07:53
So if you move the `` out of the `ngSwitch` the error goes away? – Günter Zöchbauer Apr 28 '17 at 08:11
@GünterZöchbauer, yes – Jeeten Parmar Apr 28 '17 at 08:17
Weird. I'd expect it to work as well. Have you tried if `*ngIf` also causes an error? – Günter Zöchbauer Apr 28 '17 at 08:18
No, I din't try `*ngIf`, let me try it. If `` is outside then it is working fine. – Jeeten Parmar Apr 28 '17 at 08:25
how about using a named router outlet ? – Parth Ghiya Apr 28 '17 at 08:50
what's your router version ? i didnt get any errors for "@angular/router": "^4.0.0" with your code !!! i guess this error was there in earlier versions. – Parth Ghiya Apr 28 '17 at 09:23
@ParthGhiya, it is `"@angular/router": "4.0.0",` – Jeeten Parmar Apr 28 '17 at 09:31
@JeetenParmar strange, the code worked for me..!! try removing from node modules, adding @angular/router": "^4.0.0" in package.json & doing npm install again – Parth Ghiya Apr 28 '17 at 10:01
@ParthGhiya, is there any another way to use multiple layouts for multiple components ? – Jeeten Parmar Apr 28 '17 at 14:17

cannot find primary outlet to load Component

0 Answers0