使用AngularFire返回currentUser时的TypeScript类型问题

针对你遇到的三个TypeScript类型错误，以及登录函数的类型优化需求，给出具体修复步骤：

1. 修复getCurrentUser()的类型不兼容问题 #

原方法的错误在于this.auth.currentUser是Promise<User | null>，不是同步返回的User类型。改成异步方法后出现的类型不匹配，是因为你导入的User来自@angular/fire/auth，而@angular/fire/compat/auth返回的是Firebase原生的User类型，需要统一类型来源：

// 调整导入：从compat/auth导入User
import { AngularFireAuth, User } from '@angular/fire/compat/auth';
// 移除原@angular/fire/auth的User导入

// 修正后的getCurrentUser方法
async getCurrentUser(): Promise<User | null> {
  return await this.auth.currentUser;
}

2. 解决currentUserInfo赋值的类型错误 #

user.email的类型是string | null（用户可能未绑定邮箱），有两种处理方案：

• 方案一（推荐）：修改UserInfo的email类型，匹配实际值的类型：

  type UserInfo = {
    email: string | null;
  };
  

• 方案二：若你确定登录用户必有邮箱，可添加非空断言（注意：无邮箱时会触发运行时错误）：

  auth.onAuthStateChanged((user) => {
    if (user) {
      this.currentUserInfo = {
        email: user.email! // 非空断言
      };
    }
  });
  

3. 优化登录函数的Observable类型 #

替换unknown为具体的UserCredential类型，该类型包含用户认证的完整信息：

// 导入UserCredential类型
import { UserCredential } from '@angular/fire/compat/auth';

// 修正Google登录方法
signInWithGoogle(): Observable<UserCredential> {
  return from(this.auth.signInWithPopup(new GoogleAuthProvider()));
}

// 修正邮箱登录方法
signIn(params: SignIn): Observable<UserCredential> {
  return from(this.auth.signInWithEmailAndPassword(
    params.email, params.password
  ));
}

额外优化建议 #

AngularFireAuth提供了响应式的user Observable，比原生onAuthStateChanged更贴合Angular开发习惯，可替换构造函数中的监听逻辑：

constructor(private auth: AngularFireAuth) {
  this.auth.user.subscribe(user => {
    this.currentUserInfo = user ? { email: user.email } : undefined;
  });
}

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