nuxt-community / firebase-module

🔥 Easily integrate Firebase into your Nuxt project. 🔥
https://firebase.nuxtjs.org
MIT License
640 stars 99 forks source link

Firebase facebook auth popup loading then close #592

Closed 4designing closed 2 years ago

4designing commented 2 years ago

Version

@nuxtjs/firebase: 7.5.0 firebase: 7.17.1 nuxt: 2.15.7

What is actually happening?

Nuxt Firebase login with facebook :

Facebook popup keep loading after entering email and password , then closing without no return or error You can find the demo on the video facebook SDK login vs nuxt firebase facebook login https://drive.google.com/file/d/1ahFZkBg9JnmCyhFyQzz_TdxkU7t2mdpE/view?usp=sharing

lupas commented 2 years ago

Hey @4designing

This issue is not related to this nuxt module, please raise this in the official firebase-js-sdk repo or probably on Stackoverflow. So closing it here.

But: One thing I can think of is that the domain is not added to authorized domains in the Firebase console?

Screenshot 2021-10-21 at 21 53 05
4designing commented 2 years ago

@lupas in the begining of video I just gave example to sdk auth which is successfull, in the second part of video you will see the auth related to @nuxtjs/firebase which keeps loading

lupas commented 2 years ago

@4designing The JS SDK from Facebook directly or the naked Firebase JS SDK?

4designing commented 2 years ago

here's complete implementation image image image

otherwise I have google and twitter auth which work fine

4designing commented 2 years ago

the js sdk from facebook directly yes

lupas commented 2 years ago

What does the "signIn" action do? I think you can simplify this.

Delete "await" and this part: 138355602-f9542093-1cae-4197-82a6-dee343fcc38f

Either use this config and setup an action/mutation in vuex or manually setup an onAuthStateListener somewhere else in you app to save the user, e.g. to your vuex state.

lupas commented 2 years ago

But if google and twitter auth work fine it is probably an issue with Facebook (resp. your Facebook or Firebase config) and not your implementation of the nuxt-firebase module.