How to authenticate in angular using firebase?

How to auth using provider in angular fire auth?

I'm trying to authenticate users using auth providers.

this is what all the tutorials out there suggests, to create a provider instance using import { auth } from 'firebase/app';

Following is the code:

import { Injectable } from '@angular/core';  import { auth } from 'firebase/app';  import { AngularFireAuth } from "@angular/fire/auth";    @Injectable({    providedIn: 'root'  })    export class AuthService {      constructor(      public afAuth: AngularFireAuth, // Inject Firebase auth service    ) { }      // Sign in with Facebook    FacebookAuth() {      return this.AuthLogin(new auth.FacebookAuthProvider());    }        // Auth logic to run auth providers    AuthLogin(provider) {      return this.afAuth.auth.signInWithPopup(provider)      .then((result) => {          console.log('You have been successfully logged in!')      }).catch((error) => {          console.log(error)      })    }    }      

But when I try to import this import { auth } from 'firebase/app';, the compiler throws error saying that the module has no exported member called auth. May I know how can I work it out?

Or is there a new method for this, other than using any third party libraries like angularx-social-login or ngx-auth-firebaseui

https://stackoverflow.com/questions/66828173/how-to-authenticate-in-angular-using-firebase March 27, 2021 at 01:04PM