Firebase angularFire2中的用户身份验证失败

Firebase angularFire2中的用户身份验证失败,firebase,firebase-authentication,angularfire2,angularfire5,Firebase,Firebase Authentication,Angularfire2,Angularfire5,angularFire2版本--5.0.0-rc.10 firebase版本--4.13.1 我已经在app.module.ts中导入了AngularFireAuthModule和AngularFireModule,并在firebase控制台中启用了google身份验证,但仍然收到一条错误消息- 请帮忙 您是否为FireBase提供了正确的配置?使用所有的域和api密钥进行身份验证 见第4步: 请不要忘记在这里发布配置,或者更改您的值,因为它包含密钥。您是否在身份验证设置中启用了google登录

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

我已经在app.module.ts中导入了AngularFireAuthModule和AngularFireModule,并在firebase控制台中启用了google身份验证,但仍然收到一条错误消息-
请帮忙

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

见第4步:


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

您是否在身份验证设置中启用了google登录?是的,我已启用它,但无法通过查看此内容进行评论。。最好在stackblitzyes中共享。是的,我为firebase提供了正确的配置以及auth domain和api密钥。您是否使用具有提交行为的按钮?如果是,您可以尝试删除submit,或者如果您在表单中使用它,请删除表单标签
//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']);
  });
}