Angular 2 Toastr не работает в глобальном обработчике ошибок - PullRequest
Новая
       27

Angular 2 Toastr не работает в глобальном обработчике ошибок

0 голосов
/ 03 мая 2020

Я пытаюсь использовать ngx-toastr в моем глобальном обработчике ошибок, но он выдает мне следующую ошибку: 

Error: Cannot instantiate cyclic dependency! ApplicationRef
at throwCyclicDependencyError (core.js:8072)
at R3Injector.hydrate (core.js:17049)
at R3Injector.get (core.js:16803)
at injectInjectorOnly (core.js:940)
at ɵɵinject (core.js:950)
at Object.Overlay_Factory [as factory] (ngx-toastr.js:460)
at R3Injector.hydrate (core.js:17053)
at R3Injector.get (core.js:16803)
at injectInjectorOnly (core.js:940)
at ɵɵinject (core.js:950)

Я только что начал склоняться angular, поэтому я новичок в это и не уверен, что я делаю не так. Я искал несколько решений, но ни одно из них, похоже, не работает.

Вот мой глобальный обработчик ошибок - 

    import { ToastService } from './../services/toast.service';
import { ErrorHandler, NgZone, Injectable, Injector } from '@angular/core';

@Injectable({
    providedIn: 'root'
  })
export class AppErrorHandler extends ErrorHandler {
    constructor(private toast: ToastService, 
        private injector: Injector, 
        private zone: NgZone) {
        super();
    }

    handleError(error) {
        this.zone.run(() => 
            this.toast.errorMsg(error, 'Title')
        );
    }

Вот мой ToastService - 

import { Injectable } from '@angular/core';
import { ToastrService } from 'ngx-toastr';

@Injectable({
  providedIn: 'root'
})
export class ToastService {

  constructor(private toastr:ToastrService) { }

  errorMsg(msg, title) {
    this.toastr.error(msg, title);
  }
  //Subsequently success, warning, and info
}

Я попробовал несколько решения, но ни один из них, кажется, не работает. Что мне делать?

1 Ответ

0 голосов
/ 03 мая 2020

Я нашел это на GitHub - 

import { ErrorHandler, Injectable, Injector, Inject } from '@angular/core';
import { ToastrService } from 'ngx-toastr';

/**
 * Handle any errors thrown by Angular application
 */
@Injectable()
export class AppErrorHandler extends ErrorHandler {

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

    handleError(error) {
        console.log("Handling error: " + error);

        this.toastrService.error(error, 'Error!', { onActivateTick: true })

        super.handleError(error);
    }

    /**
     * Need to get ToastrService from injector rather than constructor injection to avoid cyclic dependency error
     * @returns {} 
     */
    private get toastrService(): ToastrService {
        return this.injector.get(ToastrService);
    }

}
...