User Authentication failed in 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 version --5.0.0-rc.10 firebase version --4.13.1

I have imported the AngularFireAuthModule and AngularFireModule in my app.module.ts and enabled google authentication in firebase console but am still getting an error message as-this is the error message i get Please Help !!

cannot comment by seeing this..its better to share in stackblitz — rijin, May 25 '18 at 08:09

Benjamin Schröder · Answer 1 · 2018-05-25T09:12:35.803

0

did you provided the correct Config for FireBase? With all you auth domain and api keys?

See step 4: AngularFire2 installation Guide

Please don't forget to not post the config here, or to change your values as it contains Secret keys.

edited May 25 '18 at 09:12

answered May 25 '18 at 09:06

Benjamin Schröder

155
9

yes i did provide the correct config for firebase along with auth domain and api key – Kanav Malik May 25 '18 at 10:37
are you using a button with a submit behavior? if so can you try to remove the submit or if you use it inside of a form remove the form tag swell – Benjamin Schröder May 25 '18 at 11:01

User Authentication failed in angularFire2

1 Answers1