angular - 在自定义错误处理程序中使用 router.navigate 时出错

Question

你好，我在 Angular 的自定义异常处理程序中添加了一个路由导航，但我遇到的问题是，当在 Angular 组件的 onInit 上触发错误时，它会进入错误循环:

错误:无法激活已激活的 socket

这是我的组件的代码:

    import { ErrorHandler, Injectable, Injector } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';

@Injectable()
export class ErrorService implements ErrorHandler  {

  constructor(
    private injector: Injector
  ) { }

  get router(): Router {
    return this.injector.get(Router);
  };


  handleError(error: any): void {
    console.error(error);
    this.router.navigate(['error', { error: error }], { skipLocationChange: true});
  }

}

还有这些我的路线:

export const routes: Routes = [
  { path: '', redirectTo: 'browser', pathMatch: 'full' },
  { path: 'browser', loadChildren: './modules/browserui#BrowserUiModule' },
  { path: 'error', component: ErrorComponent, data: { title: 'Generic error' } },
  { path: '**', component: ErrorComponent, data: { title: '404 not found' } }
];

有什么想法吗？谢谢!

Answer 1

@jonas 和其他人，我实际上找到了一种在全局错误处理程序中执行此操作的更好方法。我们甚至不需要 setTimeout，这在我的例子中是不够的，因为它是部分路由(它是路由，但前一页的一部分保留在屏幕上，有点奇怪)。

无论如何，我找到了一个 GitHub post在 Angular 仓库中，它说要使用 zone。所以在我的例子中，我想捕获 401 并重定向到登录页面，代码就这么简单:

handleError(error: any) {
   console.error(error);
   if (error.status === 401) {
     zone.run(() => router.navigate(['/login']));
   }
}

现在它按预期工作，没有任何副作用。