es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Advertencia de obsolescencia de Typescript.

19 Jul, 2023 Programación

Estoy usando este código para iniciar sesión, pero el método subscribe muestra que está obsoleto. Soy nuevo en TypeScript, ¿alguien puede ayudarme?

doLogin() {
    this.userService.doLogin(this.loginForm.value).subscribe(
        result => {
            console.log(result);
            localStorage.setItem('userData', JSON.stringify(result));
            this.router.navigate(['/list-user']);
            this.toastr.success('Success', 'Logged In Successfully');
        },
        error => {
            console.log(error);
            this.toastr.error('Failed', 'Invalid Credentials');
        }
    );
}

Esto funciona en otro proyecto en el que he trabajado, pero muestra que está obsoleto aquí y estoy recibiendo este error:

@deprecated: En lugar de pasar argumentos de devolución de llamada por separado, utiliza un argumento de observador. Las firmas que aceptan argumentos de devolución de llamada por separado serán eliminadas en la versión 8. Detalles: https://rxjs.dev/deprecations/subscribe-arguments

‘(next?: ((value: Object) => void) | null | undefined, error?: ((error: any) => void) | null | undefined, complete?: (() => void) | null | undefined): Subscription’ está obsoleto.ts(6385)
Observable.d.ts(55, 9): Esta declaración se marcó como obsoleta aquí.

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    El mensaje de error indica que el uso de argumentos de devolución de llamada separados en subscribe está obsoleto y en su lugar se debe utilizar un argumento de observador. El código actual está utilizando el enfoque de argumentos de devolución de llamada separados, que se eliminará en la versión 8.

    Para solucionar este problema, el código debe utilizar el argumento de observador. Se puede lograr creando un objeto observador que contenga las funciones de devolución de llamada next, error y complete de la siguiente manera:

    doLogin() 
{
   const observer = {
      next: result => {
         console.log(result);
         localStorage.setItem('userData', JSON.stringify(result));
         this.router.navigate(['/list-user']);
         this.toastr.success('Éxito', 'Inicio de sesión exitoso');
      },
      error: error => {
         console.log(error);
         this.toastr.error('Error', 'Credenciales inválidas');
      }
   };

   this.userService.doLogin(this.loginForm.value).subscribe(observer);
}

    Utilizar un observador de esta manera solucionará el problema y el código ya no generará una advertencia de obsolescencia.

Comments are closed.