React Native中Firebase 9库的配置方法及duplicate-app报错排查

首先进入Firebase控制台对应项目，点击左上角齿轮图标进入「项目设置」，下滑到「您的应用」板块，选择你已创建的React Native应用（未创建的话先点击「添加应用」选择对应平台完成创建），即可直接复制完整的firebaseConfig配置对象，无需单独查找每个参数。
若需核对单个参数的来源，对应关系如下：

• apiKey：项目设置「通用」标签下的「Web API 密钥」，是项目的公开接口密钥
• authDomain：默认格式为<项目ID>.firebaseapp.com，用于Firebase Auth身份验证服务的专属域名
• databaseURL：仅开启Realtime Database后需要填写，可在「实时数据库」菜单的「数据」标签顶部查看，格式为<项目ID>-default-rtdb.<区域>.firebasedatabase.app
• projectId：项目设置「通用」标签顶部展示的Firebase项目ID
• storageBucket：默认格式为<项目ID>.appspot.com，是Firebase云存储的默认存储桶地址，也可在「存储」菜单的「规则」标签顶部查到
• messagingSenderId：项目设置「云消息传递」标签下的「发件人ID」，用于云消息推送服务
• appId：当前应用的唯一标识，直接在「您的应用」板块对应应用的配置项中可查看

该报错的核心原因是代码重复执行了initializeApp初始化方法，且两次传入的配置参数不一致，可按以下步骤排查修复：

1. 首先给初始化逻辑加前置判断，避免重复调用初始化方法，参考代码如下：

import { initializeApp, getApps } from "firebase/app";

const firebaseConfig = {
  // 此处替换为你从控制台获取的完整配置
  apiKey: "...",
  authDomain: "...",
  databaseURL: "...",
  projectId: "...",
  storageBucket: "...",
  messagingSenderId: "...",
  appId: "..."
};

// 仅当没有已初始化的Firebase App实例时才执行初始化
if (!getApps().length) {
  initializeApp(firebaseConfig);
}

2. 若添加判断后仍报错，继续排查以下场景：

• 检查初始化逻辑是否写在组件渲染函数、无空依赖数组的useEffect回调中，避免组件更新时重复触发初始化
• 逐一核对firebaseConfig的所有参数和控制台获取的内容完全一致，排除空格、字符缺失、大小写错误的问题
• 如果你同时在iOS项目中放入了GoogleService-Info.plist、安卓项目中放入了google-services.json，又在JS代码中手动传入了配置，确认三份配置属于同一个Firebase应用，没有混用不同项目的配置
• 目前React Native接入Firebase不需要单独下载iOS SDK，执行pod install时会自动拉取对应依赖，不需要手动调整SDK存放路径

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