angular - 为什么我的全局错误处理程序在我的 Angular 应用程序中被调用两次？

Question

我有这个简单的全局错误处理程序，它源自 Angular ErrorHandler。现在无论错误的位置如何，初始处理都会完成两次，或者至少看起来是这样。我的控制台第一次记录相同的错误两次，如果错误仍然存​​在，之后作为单次记录，有什么原因吗？

import { ErrorHandler, Injectable, Injector } from "@angular/core";
import { Router } from '@angular/router';
@Injectable()
export class ArtCoreErrorHandler implements ErrorHandler {

  constructor(private injector: Injector) { }

  handleError(error) {
    console.log(error)
    const message = error.message ? error.message : error.toString();
    if (message == 'JWT must have 3 parts') {
      router.navigate(['/']).then(
        () => alert('wrong'),
      );
      location.reload();
    }
    throw error;
  }
}

在我的应用模块

 providers: [
    {provide: ErrorHandler, useClass: ArtCoreErrorHandler},
    MDBSpinningPreloader,
.........]

Answer 1

如果您的错误是由于 Observable 失败而引发的，例如通过 HttpClient 发出的 HTTP 请求失败，则可能是您订阅了该 observable 两次。多个订阅将导致多个错误，即使源可观察对象只抛出一次错误。

在这个例子中:

let obs = this._http.get('https://i-do-not-exist.test').pipe(share());
obs.subscribe(() => {})
obs.subscribe(() => {})

HTTP 请求只会运行一次，但会抛出 2 个错误并被全局错误处理程序捕获。

查看此 StackBlitz