Получение сообщения "Невозможно прочитать свойство 'Instant' of undefined" при использовании ngx-translate (TranslateService) в службе

Question

Я пытаюсь перевести через компонент, потому что я собираюсь использовать перевод во всплывающем окне sweetAlert. Однако я получаю сообщение "Невозможно прочитать свойство 'Instant' of undefined". Хотелось бы понять, где я ошибаюсь.

Примечание: я использую модули отложенной загрузки

AppModule

imports: [
    ..., // for short
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient]
      },
    })
  ],

Моя служба, в которой я пытаюсь использовать TranslateService

@Injectable({
  providedIn: "root"
})
export class UtilsService {
constructor(
    private alertMsg: ToastrService,
    private http: HttpClient,
    private router: Router,
    private storage: StorageService,
    private translate: TranslateService
  ) {

  }
}


showAlertRequestError(err: HttpErrorResponse) {
    debugger
    let erroMsgTranslated: string;
    switch (err.status) {
      case 500:
      case 404:
        erroMsgTranslated = this.translate.instant('STATUSCODEMESSAGES.CLIENTERRORS.404')
        Toast.fire(erroMsgTranslated, ` Message: ${err.message}. Status: ${err.status}`, 'error');
        break;
      case 400: 
        Toast.fire('', ` Message: ${err.error.error}. Status: ${err.status}`, 'info');
        break;
      case 408:
        erroMsgTranslated = this.translate.instant('STATUSCODEMESSAGES.CLIENTERRORS.408')
        Toast.fire(erroMsgTranslated, ` Message: ${err.error.error}. Status: ${err.status}`, 'warning');
        break;
      default:
        Toast.fire(`${err.message},`, `Stats: ${err.status}`, 'warning')
    }
  }