使用邮箱登录后Firebase Google登录出现getRedirectResult()异常

核心原因 #

启用Firebase的“关联使用同一邮箱的账号”设置后，跨来源（localhost:3000 和 firebaseapp.com）的IndexedDB存储发生冲突，导致身份验证状态无法正常同步，进而使getRedirectResult()返回null。

解决方法 #

• 清除冲突的IndexedDB存储
  打开浏览器开发者工具 → 切换到Application标签 → 找到IndexedDB，删除两个名称为firebaseLocalStorageDb的实例，重新执行登录流程。

• 主动检查用户状态，不依赖getRedirectResult返回值
  账号关联可能导致重定向后的状态同步延迟，调用getRedirectResult()后主动监听用户状态：

  import { getAuth, getRedirectResult, onAuthStateChanged } from "firebase/auth";
  
  const auth = getAuth();
  getRedirectResult(auth)
    .then((result) => {
      if (result) {
        console.log("登录成功:", result.user);
      } else {
        onAuthStateChanged(auth, (user) => {
          if (user) {
            console.log("当前登录用户:", user);
            // 处理已登录逻辑
          }
        });
      }
    })
    .catch((error) => {
      console.error("登录错误:", error.code, error.message);
    });
  

• 生产环境统一认证域名
  开发环境下的跨域问题会导致存储隔离，生产环境建议配置自定义域名，确保所有认证跳转都在同一域名下执行，避免跨来源存储冲突。

• 手动处理账号关联逻辑
  禁用自动关联的静默处理，用户完成Google登录后手动关联同邮箱账号：

  import { getAuth, getRedirectResult, GoogleAuthProvider } from "firebase/auth";
  
  const auth = getAuth();
  getRedirectResult(auth)
    .then((result) => {
      if (result) {
        const googleCredential = GoogleAuthProvider.credentialFromResult(result);
        if (googleCredential && auth.currentUser) {
          auth.currentUser.linkWithCredential(googleCredential)
            .then((linkedResult) => {
              console.log("账号关联成功:", linkedResult.user);
            })
            .catch((error) => {
              console.error("账号关联失败:", error);
            });
        }
      }
    })
    .catch((error) => {
      console.error("登录错误:", error);
    });
  

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