挂钩错误:"错误: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)
    }
  }
}