输入'可观察的<用户|空| undefined>' 不可分配给类型 'Observable<User>'

时间:2021-01-13 20:55:12

标签: angular typescript firebase observable

我正在尝试使用 Firestorm 创建 Google 登录。但是自从指南创建以来,很多事情都发生了,我找不到答案:(

所以问题是:

export class AuthService {
  
  user$: Observable<User>; //This Observable can be NULL or undefined.

  constructor(
        private afAuth: AngularFireAuth,
        private afs: AngularFirestore,
        private router: Router
  ) {
    

    this.user$ = this.afAuth.authState.pipe(   //this one is not assignable to null or undefined
      switchMap(user => {
          // Logged in
        if (user) {
          return this.afs.doc<User>(`users/${user.uid}`).valueChanges();
        } else {
          // Logged out
          return of(null);
        }
      })
    )
    
   }
}

我总是收到这个错误:

<块引用>

输入'可观察的<用户|空| undefined>' 不可分配给类型 '可观察'。输入'用户|空|未定义'不可分配 输入“用户”。 类型“未定义”不能分配给类型“用户”.ts(2322)

但我不知道该做什么。

这是原始文档:

https://fireship.io/lessons/angularfire-google-oauth/

1 个答案:

答案 0 :(得分:4)

在您的方法中,您可能会返回 null,因此您也可以将 user$ Observable 声明为可能为 null 或未定义

  user$: Observable<User | null | undefined>;