1

Estoy trabajando con ionic y me muestra el error:

El elemento de enlace 'email' tiene un tipo 'any' implícito

import { Injectable } from '@angular/core';
import { Auth, createUserWithEmailAndPassword, signInWithEmailAndPassword, signOut } from '@angular/fire/auth';

@Injectable({
  providedIn: 'root'
})
export class AuthServiceService {

  constructor(private auth: Auth) { }

  async register({ email, password }) {
    try {
      const user = await createUserWithEmailAndPassword(
        this.auth,
        email,
        password)
      return user
    } catch (e) {
      return null
    }

  }

introducir la descripción de la imagen aquí

Alguien sabe como solucionarlo

He intentado colocar el tipo de dato en cada objeto pero se presenta el siguiente error

async register({ email: string, password: string }) {
    try {
      const user = await createUserWithEmailAndPassword(
        this.auth,
        email,
        password)
      return user
    } catch (e) {
      return null
    }

  }

introducir la descripción de la imagen aquí

5
  • Por favor coloca el código como texto y no como imagen. Haz clic en editar para hacer los cambios necesarios. Te invito a leer Cómo preguntar y a realizar el recorrido de bienvenida. Saludos el 21 ene. a las 20:01
  • Por otro lado, en tu función llamada register te falta declarar el tipo de dato de cada clave del objeto que pasas como argumento. Saludos el 21 ene. a las 20:03
  • @MauricioContreras gracias por la ayuda sin embargo ya intenté agregar el tipo de dato pero sigo con el problema el 21 ene. a las 20:17
  • @infinit3Loop__ NO, String es un Objeto Global, no es un tipo de dato. el 21 ene. a las 20:43
  • @MauricioContreras sese ta bien ya se lo que es mala mia mala mia el 21 ene. a las 21:04

1 respuesta 1

0

PROBLEMA

El problema es que no estás declarando correctamente los tipos de datos esperados en el método llamado asyncRegister.

Cuando haces esto:

async register({ email, password }) { ... }

falta el tipo de dato para email y para password.

Cuando haces esto:

async register({ email: string, password: string }) { ... }

estás declarando incorrectamente el tipo de dato.

SOLUCIÓN

Es común cometer este tipo de errores cuando estamos aprendiendo Typescript.

Para declarar el tipo de dato recibido por tu función tienes varias opciones, trataré de mostrarte algunas.

Declarar un tipo de dato que será usado como argumento de tu función:

declare type UserAuthData = {
  email: string;
  password: string;
}

async register(userData: UserAuthData): Promise<User | null> {
  try {
    const user = await createUserWithEmailAndPassword(
      this.auth,
      userData.email,
      userData.password
    );
    return user
  } catch (e) {
    if(e instanceof Error) {
      console.error(e.message);
    }
    return null;
  }
}

Si no deseas declarar un tipo de dato, entonces debes declarar el tipo de dato de la siguiente forma:

async register(userData: {email: string, password: string}): Promise<User | null> {
  try {
    const user = await createUserWithEmailAndPassword(
      this.auth,
      userData.email,
      userData.password
    );
    return user
  } catch (e) {
    if(e instanceof Error) {
      console.error(e.message);
    }
    return null;
  }
}

También podrías usar argumentos independientes en tu función:

async register(email: string, password: string): Promise<User | null> {
  try {
    const user = await createUserWithEmailAndPassword(
      this.auth,
      email,
      password
    );
    return user
  } catch (e) {
    if(e instanceof Error) {
      console.error(e.message);
    }
    return null;
  }
}

En caso de que desees usar un objeto literal, como lo tienes en tu código original, también lo puedes hacer de la siguiente forma:

async register({email, password}: {email: string, password: string}): Promise<User | null> {
  try {
    const user = await createUserWithEmailAndPassword(
      this.auth,
      email,
      password
    );
    return user
  } catch (e) {
    if(e instanceof Error) {
      console.error(e.message);
    }
    return null;
  }
}

Puedes observar que he añadido el tipo de "return" devuelto por la función, ya que siempre debes declararlo. Como la función es de tipo async, el resultado será una Promesa, por lo cual el tipo de dato devuelto es:

Promise<User | null>

Espero que esto te ayude a resolver el problema

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.