Question

我在Ionic 4和Firestore上呆了几个月。一旦我去了Firestore和Ionic，很多事情就坏了，所以我从头开始。我正在关注适用于iOS和Android Youtube的AngularFirebase Ionic Google Login教程，并且遇到以下错误：

[ng] src / app / pages / login / login.page.ts（35,7）中出现错误：错误TS2322：类型“用户”不能分配给类型“无效”。

我正在使用与教程中完全相同的代码，但不确定为什么会出现此错误。

    import { Component, OnInit } from '@angular/core';
    import * as firebase from 'firebase/app';
    import { AngularFireAuth } from 'angularfire2/auth';
    import { Observable, of } from 'rxjs';
    import { GooglePlus } from '@ionic-native/google-plus/ngx';
    import { environment } from '../../../environments/environment';

@Component({
  selector: 'app-login',
  templateUrl: './login.page.html',
  styleUrls: ['./login.page.scss'],
})
export class LoginPage  {

  user: Observable<firebase.User>;

  constructor(private afAuth: AngularFireAuth,
               private gplus: GooglePlus) {

        this.user = this.afAuth.authState;
      }
  googleLogin() {
    this.nativeGoogleLogin();
  }

    async nativeGoogleLogin(): Promise<void> {
      try {

      const gplusUser = await this.gplus.login({
        'webClientId': environment.googleWebClientId,
        'offline': true,
        'scopes': 'profile email'
      });

           return await this.afAuth.auth.signInWithCredential(
         firebase.auth.GithubAuthProvider.credential(gplusUser.idToken)
      );

          } catch (err) {
              console.log(err);
          }
        }
      }

Answer 1

height=1返回一个signInWithCredential对象，因此您可以将函数的返回类型更改为firebase.User。

Promise<firebase.User>

Answer 2

我从没写过Angular线，请耐心等待。但是我写了一些打字稿。

您（或本教程的作者）已将此Promise的返回类型设置为void，并且如果登录成功则返回用户，或者如果登录失败则返回void

async nativeGoogleLogin(): Promise<void> { ... }

这将返回某种类型的用户对象

return await this.afAuth.auth.signInWithCredential(
   firebase.auth.GithubAuthProvider.credential(gplusUser.idToken)
);

尝试将方法的返回值更新为User或void（用于catch）

async nativeGoogleLogin(): Promise<firebase.User | void> {
    try {

    const gplusUser = await this.gplus.login({
        'webClientId': environment.googleWebClientId,
        'offline': true,
        'scopes': 'profile email'
    });

    return await this.afAuth.auth.signInWithCredential(
        firebase.auth.GithubAuthProvider.credential(gplusUser.idToken)
    );

    } catch (err) {
        console.log(err);
    }
}

“用户”不可分配为“无效”类型

2 个答案: