Ionic借助Firebase实现Facebook登录时auth()无法识别问题求助

你遇到的auth()无法识别问题来自两个核心原因：

• Firebase 9及后续版本调整了API结构，废弃了原命名空间式的firebase.auth()全局调用方式
• 你的代码存在语法错误：调用登录方法时写的是firebase.auth.signInWithCredential，漏写了括号，即使是旧版Firebase也无法正常运行

1. 修正导入声明 #

删除原有的全量firebase导入，直接从AngularFire兼容包中导入Facebook认证提供者：

import { Facebook } from '@ionic-native/facebook/ngx'
// 新增导入FacebookAuthProvider
import { AngularFireAuth, FacebookAuthProvider } from '@angular/fire/compat/auth';
// 删除原有的这行导入：import * as firebase from 'firebase/app';

2. 重写login登录逻辑 #

使用你已经注入的afAuth实例调用登录方法，不要直接调用Firebase全局方法：

constructor(
    private afAuth: AngularFireAuth,
    public fb:Facebook,
    private platform: Platform // 补充漏写的platform注入
  ) {}

login(){
    if (this.platform.is('cordova')) {
      return this.fb.login(['email', 'public_profile']).then(res => {
        // 直接用导入的FacebookAuthProvider生成凭证
        const facebookCredential = FacebookAuthProvider.credential(res.authResponse.accessToken);
        // 用afAuth实例调用登录方法
        return this.afAuth.signInWithCredential(facebookCredential);
      }).catch(err => {
        // 可在这里补充自定义错误处理逻辑
        console.error('Facebook登录失败', err)
      })
    }
}

• 确认@angular/fire和firebase依赖版本匹配，兼容版API需要依赖版本保持一致，避免跨版本不兼容
• 确认Facebook开发者后台的应用配置、OAuth回调地址没有发生变更，避免权限校验失败

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