ошибка TS2322: тип 'Наблюдаемый <{} | T> 'нельзя назначить типу' Observable <T>'

Question

Я нашел этот пример для обработки ошибок асинхронного канала для Angular, который выглядел многообещающим: https://sebastian -holstein.de / post / error-processing-angular-async-pipe /

Попытка запустить его в angular 7, хотя вызывает ошибки компиляции

readonly data$: Observable<T>;

  constructor(data: Observable<T>) {
    this.data$ = data.pipe(
      shareReplay(1),
      catchError(error => {
        console.log(error);
        this._errorLoading$.next(true);
        return of();
      })
    );
  }

Ошибка:

ERROR in src/app/loading-wrapper.ts(12,5): error TS2322: Type 'Observable<{} | T>' is not assignable to type 'Observable<T>'.
  Type '{} | T' is not assignable to type 'T'.
    Type '{}' is not assignable to type 'T'.

Полный класс

Любые предложения о том, как исправить?

Answer 1

Это потому, что вы делаете return of();, а значение, передаваемое of, не относится к типу T.

Вместо этого вы можете сделать return of(null); или убедиться, что вы передаете значение типаT до функции of.

Answer 2

Попробуйте это объявление:

readonly data$: Observable<{} | T>;