Angular 7 Typescript - Service ErrorHandle perd une instance d'objet

J'essaie d'afficher un message d'erreur [ngBootstrap Alert] lorsque j'obtiens 404 ou 500 d'un appel de service api.

Je souhaite afficher une erreur via alertComponent et j'utilise le service de partage de données [AlertService.ts].

Lorsque mon appel à l'API renvoie 404, j'attrape une erreur et j'appelle la méthode handleError qui est définie dans ma classe de base de service.

Le problème est que j'ai injecté mon service d'alerte dans ma classe de base et quand J'appelle la méthode HandleError, la variable alert perd son instance et est définie sur undefined.

BaseService.ts

export class Alert {
  constructor(public alertType: AlertType,
    public msgCode: string,
    public icon?: string) { }
}

export enum AlertType {
  Success = 'success',
  Info = 'info',
  Warning = 'warning',
  Danger = 'danger',
}

ChildService.ts

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

  alertMsg: Alert;
  constructor() { }

  public clear() {
    console.log('alert cleared');
    this.alertMsg = null;
  }

  public Add(alert: Alert) {
    this.alertMsg = alert;
  }
}

AlertService.ts

    @Injectable({
      providedIn: 'root'
    })
    export class ChildService extends BaseService {
    constructor(alertService: AlertService){
    super(alertService)
    }

    callApiMethod (){
     return this.http.get<Brand>(`ApiUrl`).pipe(

          catchError(this.handleError)
        );
     }
  }

Alert.ts

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

  constructor(msgService: AlertService) { }

  public handleError(httpErrorResponse: HttpErrorResponse) {

    console.log(httpErrorResponse);

    let errorMessage = '';
    switch (httpErrorResponse.status) {
      case 400:
        errorMessage = 'Bad Request detected; please try again later!';
        break;
     case 404:
        const errorMsg = new Alert(AlertType.Danger, 'tracking-not-found');
        this.msgService.Add(errorMsg);
        break;
      case 500:
        errorMessage = 'Internal Server Error; please try again later!';
        break;
      default:
        errorMessage = 'Something bad happened; please try again later!';
        break;
    }
    return throwError(errorMessage);

  }

Quand j'essaye d'appeler Add method from AlertService J'obtiens l'erreur suivante

TypeError: Impossible de lire la propriété 'Add' d'undefined

Je vois que la variable msgService est définie pour undefine d'une manière ou d'une autre. Avez-vous de l'aide?