Angular 2 bootstrap 阶段的自定义 http 错误处理程序服务注入问题

Question

关注 Angular 2 自定义 http 服务 here：它还利用另一个自定义 http 错误服务来处理 http 错误代码和重新加载屏幕，此服务的代码在这里：

@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();
                }
            });
    }
}

我想要实现的是在 401 错误重定向到登录路由时使用：

router.navigate(['Login']);

但是，当我在 HttpErrorHandler 服务中注入 Router 服务时，出现了一些注入错误。

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

注意：上面的 HttpErrorHandler 在应用程序的 bootstrap 阶段配置如下：

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]
    })
]);

不确定我是否在应用程序生命周期的早期注入路由器服务。有没有办法在 HttpErrorHandler 服务中注入 Router 服务，以便可以使用客户端导航？

我创建了一个 plnkr here 来显示错误。

Answer 1

这段代码是原因：

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

"Bootstrap at least one component before injecting Router"

Factory 在 AppComponent.

之前实例化 HttpErrorHandler 和 Router 作为其依赖项

Angular 2 bootstrap 阶段的自定义 http 错误处理程序服务注入问题

Angular 2 custom http error handler service injection issue during bootstrap phase

angular2-routing

angular2-services

angular2-http

angular