마운트 된 후크에 오류 : "오류 : 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) 
    } 
    } 
}