Firebase Auth报错：TypeError: authInstance._getRecaptchaConfig不是函数

报错详情 #

Login.js:121 TypeError: authInstance._getRecaptchaConfig is not a function
    at handleRecaptchaFlow (recaptcha_enterprise_verifier.ts:191:1)
    at EmailAuthCredential._getIdTokenResponse (email.ts:127:1)
    at _processCredentialSavingMfaContextIfNecessary (mfa_error.ts:71:1)
    at _signInWithCredential (credential.ts:37:1)
    at signInWithCredential (credential.ts:69:1)
    at signInWithEmailAndPassword (email_and_password.ts:322:1)
    at submitHandler (Login.js:114:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1)
    at invokeGuardedCallback (react-dom.development.js:4277:1)

问题原因 #

这个错误核心是传入Firebase Auth方法的auth实例无效，常见触发场景：

1. Firebase Auth实例初始化错误，未正确调用getAuth()获取合法实例
2. 项目中Firebase包版本不兼容，导致内部方法缺失
3. 导入的auth对象不是标准Auth实例（比如误导入了整个Firebase App对象）

解决方案 #

1. 修正Firebase配置文件

检查../config/firebase.js，确保正确初始化并导出Auth实例：

import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth";

// 替换为你的Firebase项目配置
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};

// 初始化Firebase App
const app = initializeApp(firebaseConfig);
// 获取并导出合法的Auth实例
const auth = getAuth(app);

export default auth;

2. 统一Firebase包版本

执行命令更新Firebase到最新稳定版，避免版本不匹配问题：

npm install firebase@latest

同时检查package.json，确保没有多个版本的Firebase依赖共存。

3. 验证组件中的Auth实例使用

确保Login组件调用signInWithEmailAndPassword时，传入的auth实例和Signup组件一致，均来自../config/firebase的正确导出。

补充：Signup组件逻辑修正 #

你的Signup组件中邮箱验证逻辑存在语法错误，action.val.includes("@" && ".com")会被解析为仅判断是否包含.com，需修正为：

// emailReducer中的判断逻辑
isValid: action.val.includes("@") && action.val.includes(".com")

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