Once I log out and redirect the user to Auth page I get: app duplicate error.

var ui = new firebaseui.auth.AuthUI(firebase.auth()); ui.start('#firebaseui-auth-container', uiConfig);

I think we need to make sure to not initalize firebase.auth() again if it has already been created. Any suggestion?

[xerosanyam]

Thank you very much. I am able to solve this issue by keeping a reference to ui, which was obvious but I was not able to do it in vue. But I found a solution. Keeping code and other keywords for SEO

Error I was facing: Firebase: Firebase App named ‘[DEFAULT]’ already exists (app/duplicate-app).

Technology stack: Vue + Firebase + FirebaseUI

Blog I followed to implement authentication in Vuejs: https://medium.com/dailyjs/authenticating-a-vue-js-application-with-firebase-ui-8870a3a5cff8

Solution:

1. Keep a data field ui in main.js
2. when instantiating ui, follow this

if(this.$root.ui!=''){
    this.$root.ui.reset()
}else{
    this.$root.ui = new firebaseui.auth.AuthUI(firebase.auth());
}
this.$root.ui.start('#firebaseui-auth-container', uiConfig);

[bojeil-google]

We added a delete method on the AuthUI instance and a helper firebaseui.auth.AuthUI.getInstance(appId) so you don’t have to save the AuthUI reference and pass it around. This is available now in https://github.com/firebase/firebaseui-web/releases/tag/v2.3.0