Remix v2升级后Firebase 10.7.2的signInWithEmailAndPassword无响应问题

核心问题分析 #

你遇到的dependent-sdk-initialized-before-auth错误是关键诱因：Firebase 10.x版本在Node环境下，要求显式初始化Auth模块，不再支持旧版本的自动初始化逻辑。当其他Firebase SDK（如Firestore、Storage）在Auth初始化前被调用时，会触发该错误，最终导致signInWithEmailAndPassword无响应。

解决方案 #

1. 显式初始化Auth并适配Node环境 #

替换原有的隐式Auth初始化方式，使用initializeAuth并指定Node环境专属的持久化策略：

import { initializeApp } from "firebase/app";
import { initializeAuth, signInWithEmailAndPassword } from "firebase/auth";
import { nodePersistence } from "firebase/auth/node";

const firebaseConfig = {
  apiKey: "...",
  authDomain: "...",
  projectId: "...",
  storageBucket: "...",
  messagingSenderId: "...",
  appId: "..."
};

// 初始化Firebase App
const app = initializeApp(firebaseConfig);

// 显式初始化Auth，适配Node环境持久化需求
const auth = initializeAuth(app, {
  persistence: nodePersistence
});

2. 调整登录函数逻辑 #

直接使用提前初始化完成的Auth实例，避免每次调用getAuth可能引发的初始化顺序冲突：

async function signIn(email, password) {
  let result = null;
  
  try {
    result = await signInWithEmailAndPassword(auth, email, password);
  } catch (error) {
    console.log("登录错误 ", error);
    result = error;
  }

  return result;
}

3. 额外排查点 #

• 检查项目中是否有其他Firebase服务（如Firestore）在Auth初始化前被调用，调整加载顺序，确保Auth优先完成初始化
• 避免重复初始化Firebase App，可通过getApps().length判断是否已存在实例，防止多实例冲突

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