Angular自定义ErrorHandler中Subject订阅不触发的原因

你的问题核心确实是Angular创建了两个ErrorHandlerService实例，原因出在依赖注入的配置上：

• Angular的ErrorHandler是框架内置的令牌，当你自定义错误处理器时，需要通过{ provide: ErrorHandler, useClass: ErrorHandlerService }的方式注册，让框架用你的类替换默认的错误处理器。
• 如果同时在providers数组中直接添加ErrorHandlerService（比如providers: [ErrorHandlerService, { provide: ErrorHandler, useClass: ErrorHandlerService }]），Angular会创建两个独立实例：
  1. 一个是绑定到ErrorHandler令牌的实例，负责捕获全局错误，执行handleError并向自身的onError$发送值（这就是你看到服务中console.log执行的原因）。
  2. 另一个是绑定到ErrorHandlerService令牌的实例，被AppComponent注入，但这个实例从未被框架调用过handleError，所以它的onError$永远不会发出值，组件的订阅自然不会触发。

验证方法 #

在ErrorHandlerService的构造函数中添加日志：

constructor() {
  console.log('ErrorHandlerService 实例创建:', this);
}

运行应用后查看控制台，如果输出两次实例日志，就能确认多实例问题。

解决方法 #

只保留框架令牌的注册方式，移除直接注册ErrorHandlerService的配置：

1. 在模块的providers中仅保留：

   providers: [
     { provide: ErrorHandler, useClass: ErrorHandlerService }
   ]
   

2. 在AppComponent中注入ErrorHandler并断言为自定义类：

   import { ErrorHandler } from '@angular/core';
   import { ErrorHandlerService } from './error-handler.service';
   
   constructor(private errorHandler: ErrorHandler) {
     (this.errorHandler as ErrorHandlerService).onError$.subscribe(error => {
       // 在这里处理界面展示逻辑
     });
   }
   

这样就能保证全局只有一个ErrorHandlerService实例，组件订阅的就是框架用来处理错误的那个实例的onError$，错误发生时订阅回调就会正常触发。

内容的提问来源于stack exchange，提问作者Jammer