La suscripción está en desuso: use un observador en lugar de una devolución de llamada de error

Cuando ejecuto el linter, dice:

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

Código (de una aplicación angular 7 con angular-cli):

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

No sé exactamente qué debo usar y cómo ...

¡Gracias!

subscribeno está en desuso, solo la variante que estás usando está en desuso. En el futuro, subscribesolo tomará un argumento: el nextcontrolador (una función) o un objeto observador.

Entonces, en su caso, debe usar:

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

Vea estos problemas de GitHub:

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

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

Quizás sea interesante notar que el observerObjeto también puede (todavía) contener el complete()método y otras propiedades adicionales. Ejemplo:

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

De esta forma es mucho más fácil omitir ciertos métodos. Con la firma antigua era necesario suplir undefinedy ceñirse al orden de los argumentos. Ahora es mucho más claro cuando, por ejemplo, solo se proporciona un controlador siguiente y completo.

Puede obtener este error si tiene un objeto escrito como Observable<T> | Observable<T2>- en lugar de Observable<T|T2>.

Por ejemplo:

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

El compilador no hace obsde tipo Observable<number | string>.

Puede que le sorprenda que lo siguiente le dé el error Use an observer instead of a complete callbackyExpected 2-3 arguments, but got 1.

obs.subscribe(value => {

});

Es porque puede ser de dos tipos diferentes y el compilador no es lo suficientemente inteligente como para reconciliarlos.

Necesita cambiar su código para regresar en Observable<number | string>lugar de Observable<number> | Observable<string>. Las sutilezas de esto variarán según lo que esté haciendo.

Recibí la advertencia porque estaba pasando esto para suscribirme:

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

Dado que devuelve un solo valor, era incompatible con subscribela firma de la función.

Cambiar a esto hizo que la advertencia desapareciera (devuelve nulo / nulo);

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