javascript - Observable> قابل اختصاص به نوع Observable در httpclient انگولار نیست

من یک درخواست HTTP GET در برنامه انگولار خود دارم، به این صورت است :

 getAll():Observable<TransaksiDetail[]>{
    return this.http.get<TransaksiDetail[]>(`${BASE_API()}/transaksi`, this.httpOptions);
  }

سپس من ng serve را اجرا میکنم، برنامه به خوبی اجرا میشود اما در cmd خطایی مانند این نمایش داده میشود:

webpack: با موفقیت کامپایل شد. خطا در src/app/services/transaksi.service.ts(56,5): خطا TS2322: نوع 'Observable>' قابل انتساب به نوع 'Observable' نیست. نوع 'HttpEvent' قابل انتساب به نوع 'TransaksiDetail[]' نیست. نوع 'HttpProgressEvent' قابل انتساب به نوع 'TransaksiDetail[]' نیست. ویژگی 'includes' در نوع 'HttpProgressEvent' وجود ندارد.

و من سعی میکنم به صفحهای که متد getAll() را صدا میزند دسترسی پیدا کنم و آن هم به خوبی اجرا میشود

این کلاس من است:

export class TransaksiView {

  nama_pembeli:string;
  id_toko:number;
  nama_toko:number;
  jumlah_beli:number;
  total_harga:number;
  status:string;
}


export class DetailTransaksiView {

  id_menu: number;
  id_size: number;
  size: string;
  topping: string;
  jumlah: number;
  harga_sekarang:number;
  total_harga:number;
}

export class TransaksiDetail {
  transaksi:TransaksiView;
  detail:DetailTransaksiView[];
  constructor(){
    this.detail = new Array<DetailTransaksiView>();
  }

}

این کد httpoption من است

let opt = {
  'Content-Type': 'application/json',
  'Access-Control-Allow-Origin': '*',
  'Authorization' : '',
}
if(this.storage.isStorageAvailable()){
  let data = this.storage.retrieve('user_auth');
  if(data){
    opt.Authorization = `Bearer ${data.token}`;
  }
}
this.httpOptions = { headers: new HttpHeaders(opt) };

چه چیزی باعث خطا میشود؟