マウントされたフックのエラー：「エラー：AuthUIインスタンスが既に存在します。

Question

Vuejsを使用して単一ページアプリケーションを構築し、認証にFirebaseを使用しています。今持っていますと、社会認証である

私はソーシャルボタンはレンダリングが、私は離れて移動してサインアップして戻ってきたときに、私は次のエラーを取得するサインアップページをロード：で

エラーマウントされたフック： "エラー：AuthUIインスタンスは既に存在します

ソーシャルボタンはもうレンダリングされません。

mounted() { 
    SocialAuth() { 
    const uiConfig = { 
     signInSuccessUrl: '/', 
     signInOptions: [ 
     firebase.auth.GoogleAuthProvider.PROVIDER_ID, 
     firebase.auth.FacebookAuthProvider.PROVIDER_ID, 
     firebase.auth.TwitterAuthProvider.PROVIDER_ID 
     ] 
    } 

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

すべてのヘルプとはるかに高く評価され:)

Answer 1

はあなたのようfirebaseui.auth.AuthUI.getInstance()を使用してみなかったとのすべてのヘルプ：

mounted() { 
    SocialAuth() { 
    const uiConfig = { 
     signInSuccessUrl: '/', 
     signInOptions: [ 
     firebase.auth.GoogleAuthProvider.PROVIDER_ID, 
     firebase.auth.FacebookAuthProvider.PROVIDER_ID, 
     firebase.auth.TwitterAuthProvider.PROVIDER_ID 
     ] 
    } 

    if(firebaseui.auth.AuthUI.getInstance()) { 
     const ui = firebaseui.auth.AuthUI.getInstance() 
     ui.start('#firebaseui-auth-container', uiConfig) 
    } else { 
     const ui = new firebaseui.auth.AuthUI(firebase.auth()) 
     ui.start('#firebaseui-auth-container', uiConfig) 
    } 
    } 
}