Firebase Auth UI存在对应邮箱账号仍跳转至账号创建页问题

我在Web应用中集成了Firebase Auth UI，账号创建流程正常且记录已留存，但使用已注册的邮箱登录时，仍被提示创建账号。刚接触Firebase正在学习，可能是实现方式有误？

已尝试使用无痕模式确保测试环境干净，每次测试都使用新邮箱，且确认账号已在Firebase控制台创建，重建/重启项目后问题仍未解决。

代码片段（index.js） #

import { initializeApp } from "firebase/app";
import { getAuth, EmailAuthProvider } from "firebase/auth";
import * as firebaseui from 'firebaseui'
import firebaseConfig from './firebase-config.js'

// Initialize Firebase
const appInstance = firebaseConfig.appInstance;
const auth = getAuth(appInstance);

// Initialize the FirebaseUI Widget using Firebase.
var ui = new firebaseui.auth.AuthUI(auth);

ui.start('#firebaseui-auth-container', {
    signInOptions: [
      {
        provider: EmailAuthProvider.PROVIDER_ID,
        requireDisplayName: false
      }
    ],
    signInSuccessUrl: '/editor.html',
});

解决方案建议 #

• 修正Firebase应用初始化逻辑
  确保正确调用initializeApp创建Firebase实例，而非直接依赖firebaseConfig.appInstance（若配置文件未正确初始化）。替换初始化代码为：

  // 正确初始化Firebase应用
  const app = initializeApp(firebaseConfig);
  const auth = getAuth(app);
  

  若firebase-config.js确实导出了已初始化的appInstance，需确认它是通过initializeApp创建的，且无重复初始化情况。

• 调整FirebaseUI配置并添加调试回调
  明确登录流程类型，同时添加失败回调排查错误：

  ui.start('#firebaseui-auth-container', {
      signInOptions: [
        {
          provider: EmailAuthProvider.PROVIDER_ID,
          requireDisplayName: false
        }
      ],
      signInSuccessUrl: '/editor.html',
      signInFlow: 'popup', // 或 'redirect'，明确登录流程
      callbacks: {
        signInFailure: function(error) {
          console.error('登录失败详情:', error);
          return Promise.resolve();
        }
      }
  });
  

  打开浏览器控制台查看是否存在认证相关错误，比如应用配置不匹配、权限问题等。

• 简化Provider配置
  直接使用字符串'password'替代EmailAuthProvider.PROVIDER_ID，排除导入常量的潜在问题：

  signInOptions: [
    {
      provider: 'password',
      requireDisplayName: false
    }
  ]
  

• 检查Firebase控制台设置
  进入Firebase控制台「认证」→「登录方法」页面，确认电子邮件/密码登录方式已启用，且未设置限制特定邮箱域名等规则。

内容的提问来源于stack exchange，提问作者Trevor Pastrami