Subskrypcja jest przestarzała: użyj obserwatora zamiast wywołania zwrotnego błędu

Kiedy uruchamiam linter, mówi:

subscribe is deprecated: Use an observer instead of an error callback

Kod (z aplikacji angular 7 z angular-cli):

    this.userService.updateUser(data).pipe(
       tap(() => {bla bla bla})
    ).subscribe(
       this.handleUpdateResponse.bind(this),
       this.handleError.bind(this)
    );

Nie wiem dokładnie, czego mam używać i jak ...

Dzięki!

subscribenie jest przestarzała, tylko wariant, którego używasz, jest przestarzały. W przyszłości subscribebędzie przyjmować tylko jeden argument: albo funkcję nextobsługi (funkcję), albo obiekt obserwatora.

Więc w twoim przypadku powinieneś użyć:

.subscribe({
   next: this.handleUpdateResponse.bind(this),
   error: this.handleError.bind(this)
});

Zobacz te problemy z GitHub:

• https://github.com/ReactiveX/rxjs/pull/4202

• https://github.com/ReactiveX/rxjs/issues/4159

Może warto zauważyć, że observerObject może również (nadal) zawierać complete()metodę i inne, dodatkowe właściwości. Przykład:

.subscribe({
    complete: () => { ... }, // completeHandler
    error: () => { ... },    // errorHandler 
    next: () => { ... },     // nextHandler
    someOtherProperty: 42
});

W ten sposób znacznie łatwiej jest pominąć pewne metody. Przy starym podpisie trzeba było podać undefinedi trzymać się kolejności argumentów. Teraz jest znacznie jaśniej, gdy na przykład dostarcza się tylko następnego i kompletnego handlera.

Możesz otrzymać ten błąd, jeśli masz obiekt wpisany jako Observable<T> | Observable<T2>- w przeciwieństwie do Observable<T|T2>.

Na przykład:

    const obs = (new Date().getTime() % 2 == 0) ? of(123) : of('ABC');

Kompilator nie tworzy obstypu Observable<number | string>.

Może cię zdziwić, że poniżej wystąpi błąd Use an observer instead of a complete callbackiExpected 2-3 arguments, but got 1.

obs.subscribe(value => {

});

Dzieje się tak, ponieważ może to być jeden z dwóch różnych typów, a kompilator nie jest wystarczająco inteligentny, aby je pogodzić.

Musisz zmienić kod, aby zwracał Observable<number | string>zamiast Observable<number> | Observable<string>. Subtelności tego będą się różnić w zależności od tego, co robisz.

Otrzymałem ostrzeżenie, ponieważ przekazywałem to, aby subskrybować:

myObs.subscribe(() => someFunction());

Ponieważ zwraca pojedynczą wartość, jest niezgodny z subscribesygnaturą funkcji.

Przełączenie na to sprawiło, że ostrzeżenie zniknęło (zwraca wartość null / void);

myObs.subscribe(() => {
  someFunction();
});