angularFire2中的用户身份验证失败

Question

//Login component.ts
import { Component } from '@angular/core';
import {AngularFireAuth} from 'angularfire2/auth';
import * as firebase from 'firebase/app';
import {Router} from '@angular/router';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent  {

  constructor(public afAuth: AngularFireAuth , public router: Router) { }
  login() {
    this.afAuth.auth.signInWithPopup(new firebase.auth.GoogleAuthProvider()).then((sucess) => {
      this.router.navigate(['/option']);
  });
}

angularFire2 版本--5.0.0-rc.10 firebase 版本 --4.13.1

我已经在我的 app.module.ts 中导入了 AngularFireAuthModule 和 AngularFireModule 并在 firebase 控制台中启用了 google 身份验证，但我仍然收到错误消息 -this is the error message i get 请帮忙！！

Answer 1

您是否为 FireBase 提供了正确的配置？使用您所有的身份验证域和 api 密钥？

参见第 4 步：AngularFire2 installation Guide

请不要忘记不要在此处发布配置，或者更改您的值，因为它包含密钥。