挂载钩子中的错误：“错误：AuthUI 实例已存在

Posted 2023-02-22

【中文标题】挂载钩子中的错误：“错误：AuthUI 实例已存在

【英文标题】：Error in mounted hook: "Error: An AuthUI instance already exists

【发布时间】：2018-05-15 07:29:34

【问题描述】：

我使用 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)
  

非常感谢任何帮助和所有帮助:)

【参考方案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)
    
  

【讨论】：

太棒了！非常感谢，这似乎奏效了:)