Problema de autenticación al ejecutar una aplicación ionic usando Firebase en un dispositivo nativo, todo funciona correctamente con la recarga en vivo.

¡Buenos días!

Tengo un problema extraño en el que puedo ejecutar y autenticar a mi usuario en mi dispositivo iOS perfectamente bien al ejecutar la aplicación utilizando el siguiente comando.

ionic capacitor run -l --external


Usando un emulador, a veces funciona, aunque no siempre.

Cuando intento implementar la aplicación utilizando Xcode, la aplicación se abre y se ve normal, pero si intento enviar solicitudes de autenticación a Firebase, la aplicación sigue cargando, aunque las solicitudes se realizan correctamente.

Originalmente pensé que el problema se debía al uso de LocalStorage, así que reconstruí todo utilizando Ionic Storage. Pero eso no ayudó.

Probé diferentes versiones de agregar el SDK de Firebase en Swift o en el archivo Cocoa Pods, pero el comportamiento no cambia, así que no creo que este sea un problema con una configuración incorrecta de Firebase, ¿cuál es la forma correcta de hacer esto por cierto – o ¿Ya lo hace Ionic por mí?

La salida de Xcode tampoco proporciona información valiosa.


2021-12-01 11:20:13.990875+0100 App[3162:27661] Writing analzed variants.
2021-12-01 11:20:14.125754+0100 App[3162:27661] KeyboardPlugin: resize mode - native
⚡️ Loading app at capacitor://localhost...
2021-12-01 11:20:14.552490+0100 App[3162:27661] Writing analzed variants.
⚡️ WebView loaded
⚡️ [log] - Angular is running in development mode. Call enableProdMode() to enable production mode.
⚡️ [log] - null
⚡️ To Native -> App addListener 60635511
2021-12-01 11:20:21.393141+0100 App[3162:27661] [Accessibility] WKContentView[@] set up: @ pid: @ MACH_PORT -830404096


Función de inicio de sesión:
“`
loginWithEmail() {
let email: string = this.loginForm.get(“email”).value;
let password: string = this.loginForm.get(“password”).value;

this.loadingService.present({
message: "Iniciando sesión…"
});

this.authService
.loginWithEmail(email, password)
.then((result) => {
this.authService.SetUserData(result.user)
this.resetLoginForm();
this.loginSuccess();
this.router.navigateByUrl("/tabs/intensity");
})
.catch(error => {
console.log(error);
this.loginFailed(error);
});
}

loginSuccess() {
this.loadingService.dismiss();

this.toastService.present({
message: "¡Bienvenido de vuelta!",
duration: 3000,
color: "secondary"
});
}

import { AngularFireAuth } from "@angular/fire/compat/auth";
…
async loginWithEmail(email: string, password: string) {
return await this.afAuth.signInWithEmailAndPassword(email, password);
}

función SetUserData (usuario) {
this.user = user;
const userRef: AngularFirestoreDocument<any> = this.afs.doc(users/${user.uid});
const userData: User = {
uid: user.uid,
email: user.email,
displayName: user.displayName,
photoURL: user.photoURL,
emailVerified: user.emailVerified
}
return userRef.set(userData, {
merge: true
})
}

Al ejecutarlo varias veces, a veces obtengo este error.

API error: <_UIKBCompatInputView: 0x7fb965726040; frame = (0 0; 0 0); layer = <CALayer: 0x600002f718a0>> returned 0 width, assuming UIViewNoIntrinsicMetric


Realmente estoy atascado en esto y agradecería cualquier ayuda. Gracias y saludos cordiales.

Ionic 6.18.1
Angular 12.1.5
Xcode Version 13.1 (13A1030d)