如何解决AsyncStorage从react-native核心移除且导入Firebase auth报错问题

一、解决「AsyncStorage已从react-native核心移除」报错 #

这个问题是因为Firebase Auth的React Native SDK默认尝试调用旧版React Native核心里的AsyncStorage，而现在该API已迁移到第三方包。解决步骤：

• 先确认安装官方AsyncStorage包：

  # npm
  npm install @react-native-async-storage/async-storage
  # yarn
  yarn add @react-native-async-storage/async-storage
  # iOS 额外执行
  cd ios && pod install && cd ..
  

• 修改../firebase.js配置文件，手动指定Firebase Auth使用新的AsyncStorage：

  import { initializeApp } from "firebase/app";
  import { initializeAuth, getReactNativePersistence } from "firebase/auth";
  import AsyncStorage from '@react-native-async-storage/async-storage';
  
  const firebaseConfig = {
    // 你的Firebase配置信息
  };
  
  const app = initializeApp(firebaseConfig);
  // 初始化Auth时指定自定义存储
  const auth = initializeAuth(app, {
    persistence: getReactNativePersistence(AsyncStorage)
  });
  
  export { auth };
  

  注意：不要用getAuth(app)，改用initializeAuth手动配置持久化存储，避免触发旧AsyncStorage调用。

二、解决认证无法实现的问题 #

之前注释auth导入导致无法认证是正常的，配置好正确的auth实例后，确保注册逻辑正确调用Firebase认证方法：

• 在注册页面导入配置好的auth：

  import { auth } from '../firebase';
  import { createUserWithEmailAndPassword } from "firebase/auth";
  

• 编写注册函数示例：

  const handleSignUp = async (email, password) => {
    try {
      const userCredential = await createUserWithEmailAndPassword(auth, email, password);
      const user = userCredential.user;
      // 注册成功后的逻辑，比如跳转首页、存储用户信息
      console.log('注册成功：', user);
    } catch (error) {
      // 处理错误，比如提示用户邮箱已存在、密码过短等
      console.error('注册失败：', error.message);
    }
  };
  

• 检查几个关键点：
  1. Firebase控制台是否开启「邮箱/密码」认证方式
  2. 输入的邮箱格式是否正确，密码长度是否符合Firebase要求（至少6位）
  3. 设备是否能正常联网，Firebase配置信息（apiKey、projectId等）是否正确

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