javascript - 安装 Hook 错误 : "Error: An AuthUI instance already exists

Question

我使用 Vuejs 构建了一个单页应用程序，并使用 Firebase 进行身份验证。到目前为止，我已经登录并注册了，可以毫无问题地工作。我现在遇到的问题是社会身份验证。

当我加载注册页面时，社交按钮呈现，但当我离开并返回注册时，我收到以下错误:

挂载钩子(Hook)时出错:“错误: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)
    }
  }
}