检测到 ApplicationRef 的 DI 中存在循环依赖。如何修复它

Question

我是 Angular 的初学者，并尝试在应用程序中实现全局错误处理，为此我创建了 appErrorHandler 类并实现了 ErrorHandler，并在此类上注入了 Toast Service，但它显示了上述错误。AppErrorHandler 类。

  @Injectable()
 export class AppErrorHandler implements ErrorHandler {

constructor(private toastService: ToastrService) {}

handleError(error: any): void {
    this.toastService.error("An unexpected error","Error");
}    

}

应用程序模块

 providers: [
{ provide: ErrorHandler, useClass: AppErrorHandler },
MakeService
],
 imports: [
BrowserAnimationsModule,
  ToastrModule.forRoot(
  {
    timeOut: 6000,
   positionClass: 'toast-bottom-right',
   preventDuplicates: true,
  }
),
RouterModule.forRoot([
  
  {  path:'', component:HomeComponent },
  {  path:'vehicle-form', component:VehicleFormComponent },
  
]),

],

Answer 1

我也遇到了类似的问题，但没有找到真正的原因。无论如何，这可以通过 hack 来修复（来源：https ://github.com/ngneat/hot-toast/issues/70 ）

在你的情况下：

@Injectable()
export class AppErrorHandler implements ErrorHandler {

constructor(@Inject(Injector) private readonly injector: Injector) {}

private get toastService() {
    return this.injector.get(ToastrService);
}

handleError(error: any): void {
    this.toastService.error("An unexpected error","Error");
}