React Native中Firebase v9的browserSessionPersistence未定义问题求助

核心问题 #

1. browserSessionPersistence不支持React Native环境：这个持久化类型是浏览器专属的，在React Native中不存在，所以导入后值为undefined。
2. setPersistence调用参数错误：该函数需要传入两个参数——Firebase Auth实例 + 持久化类型，你只传了持久化类型，导致内部逻辑报错。

正确实现步骤 #

1. 导入React Native支持的持久化类型 #

Firebase Auth v9在React Native环境下支持的持久化类型有：

• localPersistence：默认值，持久化到设备本地存储（重启App后仍保留登录状态）
• nonePersistence：不持久化，App重启后登录状态丢失

导入方式：

import { setPersistence, localPersistence, nonePersistence } from 'firebase/auth';
// 注意：不要导入browserSessionPersistence

2. 正确调用setPersistence #

确保传入Auth实例作为第一个参数，然后是持久化类型，并且要在登录操作前执行（比如在signInWithEmailAndPassword之前）：

import { setPersistence, nonePersistence, signInWithEmailAndPassword } from 'firebase/auth';
import { auth } from './your-firebase-config-file'; // 你的Auth实例

async function handleLogin(email, password) {
  try {
    // 先设置持久化
    await setPersistence(auth, nonePersistence);
    // 再执行登录
    const userCredential = await signInWithEmailAndPassword(auth, email, password);
    // 处理登录成功逻辑
  } catch (error) {
    // 处理错误
    console.error(error);
  }
}

额外说明 #

如果需要更定制化的持久化（比如结合React Native的AsyncStorage），可以尝试indexedDBLocalPersistence，但需确保Firebase SDK版本支持且配置正确。不过通常localPersistence和nonePersistence就能满足大部分需求。

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