Angular 2 benutzerdefinierte http Fehler Handler Service Injection Problem während bootstrap Phase

Question

Nach einem Artikel auf Angular 2 Benutzerdefinierte HTTP-Dienst here: die auch eine andere benutzerdefinierte http-Fehler-Service zur Behandlung von http-Fehlercodes und Bildschirm neu laden, Code für diesen Dienst ist hier:

@Injectable() 
export class HttpErrorHandler { 

    constructor(
     private apiGateway: ApiGateway 
    ) { 
     apiGateway.errors$.subscribe(
      (value: any) => { 
       console.group("HttpErrorHandler"); 
       console.log(value.status, "status code detected."); 
       console.dir(value); 
       console.groupEnd(); 
       // If the user made a request that they were not authorized 
       // to, it's possible that their session has expired. Let's 
       // refresh the page and let the server-side routing move the 
       // user to a more appropriate landing page. 
       if (value.status === 401) { 
        window.location.reload(); 
       } 
      }); 
    } 
} 

Was ich versuche, ist auf 401 Fehler Umleitung zu erreichen Route einloggen mit:

router.navigate(['Login']); 

Allerdings, wenn ich Router-Dienst in HttpErrorHandler injizieren Service, den ich einige Injektionsfehler bekommen.

Error: EXCEPTION: Error during instantiation of Token RouterPrimaryComponent! (Token Application Initializer -> HttpErrorHandler -> Router -> RouteRegistry -> Token RouterPrimaryComponent) 

Hinweis: über HttpErrorHandler während Bootstrap-Phase der Anwendung wie folgt konfiguriert:

bootstrap(AppComponent, [ 
    HTTP_PROVIDERS, 
    ROUTER_PROVIDERS, 
    ApiGateway, 
    FriendService, 
    HttpErrorHandler, 
    // 
    // Make sure our "unused" services are created via the 
    // APP_INITIALIZER token 
    // 
    provide(APP_INITIALIZER, { 
     useFactory: (httpErrorHandler) => { 
      console.info("HttpErrorHandler initialized."); 
     }, 
     deps: [HttpErrorHandler] 
    }) 
]); 

nicht sicher, ob ich Router-Dienst ganz früh in dem Anwendungs-Lebenszyklus am injizieren. Gibt es eine Möglichkeit, den Router-Dienst in den HttpErrorHandler-Dienst zu injizieren, sodass die clientseitige Navigation verwendet werden kann?

Ich habe eine plnrr here erstellt, die den Fehler auch zeigt.

Answer 1

Dieser Code ist die Ursache:

provide(APP_INITIALIZER, { 
    useFactory: (httpErrorHandler) => { 
     console.info("HttpErrorHandler initialized."); 
    }, 
    deps: [HttpErrorHandler] 
}) 

"Bootstrap mindestens eine Komponente vor dem Einspritzen Router"

Fabrik HttpErrorHandler und Router als seine Abhängigkeit vor AppComponent instanziiert.