Xcode部署Ionic应用到iOS设备后Firebase认证请求无响应问题

问题根因分析 #

你遇到的加载框不消失的问题核心是两处代码逻辑缺陷，与Ionic自动配置无关，具体问题和修复方案如下：

1. 异步逻辑未链式调用，异常未捕获 #

你当前的登录逻辑中，SetUserData 是返回Firestore写入Promise的异步方法，但你没有将其加入到Promise调用链中，也没有对其异常做处理：

• 若SetUserData执行出错（最常见的是Firestore安全规则拦截、无网络写入失败），错误不会被外层的catch捕获，加载框永远不会被关闭
• 你当前的catch分支也没有加加载框关闭的逻辑，只要登录后序逻辑出错，加载状态就会一直保留

修复代码：

loginWithEmail() {
  let email: string = this.loginForm.get("email").value;
  let password: string = this.loginForm.get("password").value;

  this.loadingService.present({
    message: "Logging in . . ."
  });

  this.authService
    .loginWithEmail(email, password)
    // 把SetUserData的Promise返回，接入链式调用
    .then((result) => this.authService.SetUserData(result.user))
    .then(() => {
      this.resetLoginForm();
      this.loginSuccess();
      this.router.navigateByUrl("/tabs/intensity");
    })
    .catch(error => {
      console.log(error);
      this.loginFailed(error);
      // 异常分支必须关闭加载框
      this.loadingService.dismiss();
    });
}

2. 原生WebView变更检测失效 #

Capacitor打包后的iOS WebView中，部分Firebase异步回调可能脱离Angular的变更检测Zone，导致逻辑执行完成后UI没有更新，看起来一直卡在加载状态。

修复方案：

将UI操作包入NgZone执行，确保变更检测正常触发：

// 先在组件头部注入NgZone
import { NgZone } from '@angular/core';

constructor(
  private ngZone: NgZone,
  // 其他原有注入
) {}

// 修改loginSuccess方法
loginSuccess() {
  this.ngZone.run(() => {
    this.loadingService.dismiss();
    this.toastService.present({
      message: "Welcome back!",
      duration: 3000,
      color: "secondary"
    });
  });
}

Firebase配置相关问题解答 #

Ionic不会自动完成Firebase的iOS端配置，正确配置流程如下：

1. 从Firebase控制台下载对应iOS应用的GoogleService-Info.plist文件
2. 打开Xcode的iOS项目，将GoogleService-Info.plist拖入App目录下，勾选「Copy items if needed」和你的应用target
3. 不要手动修改Podfile中的Firebase SDK版本，@angular/fire会自动匹配兼容的SDK版本，手动修改会导致版本冲突，你可以执行以下命令重置iOS依赖：

rm -rf ios/App/Pods ios/App/Podfile.lock
npx cap sync ios

其他说明 #

你遇到的_UIKBCompatInputView报错是Xcode 13 + iOS 15的已知系统bug，不影响应用功能，无需处理。
如果修复后依然有问题，可以在SetUserData的catch分支添加日志输出，排查是否为Firestore安全规则拦截导致的写入失败。

内容的提问来源于stack exchange，提问作者d3Roux