如何在单应用中集成多个Firebase项目？现有配置仅读取首个项目

你的问题出在第二个Firebase实例的初始化逻辑上：getApp() 默认返回第一个初始化的App实例，导致第二个配置没有被正确加载，而是复用了第一个项目的资源。Firebase支持同时初始化多个App实例，只需给每个实例分配唯一名称即可解决这个问题。

修改后的第二个项目配置文件（fbase2.js） #

import { initializeApp, getApp, getApps } from "firebase/app";
import { getFirestore } from "firebase/firestore/lite";
import { getStorage } from "firebase/storage";

const firebaseConfig2 = {
        apiKey: process.env.FIREBASE_API_KEY_2,
        authDomain: process.env.FIREBASE_AUTH_DOMAIN_2,
        projectId: process.env.FIREBASE_PROJECT_ID_2,
        storageBucket: process.env.FIREBASE_STORAGE_BUCKET_2,
        messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID_2,
        appId: process.env.FIREBASE_APP_ID_2,
};

// 检查是否已初始化名为"app2"的实例，避免重复初始化
const app2 = getApps().some(app => app.name === "app2") 
  ? getApp("app2") 
  : initializeApp(firebaseConfig2, "app2");

const db2 = getFirestore(app2);
const storage2 = getStorage(app2);

export { db2, storage2 };

可选：统一第一个项目的初始化逻辑（firebase.js） #

为了逻辑更清晰，也可以给第一个App指定名称，避免后续混淆：

import { initializeApp, getApp, getApps } from "firebase/app";
import { getFirestore } from "firebase/firestore/lite";
import { getStorage } from "firebase/storage";

const firebaseConfig1 = {
    apiKey: process.env.FIREBASE_API_KEY,
    authDomain: process.env.FIREBASE_AUTH_DOMAIN,
    projectId: process.env.FIREBASE_PROJECT_ID,
    storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
    messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID,
    appId: process.env.FIREBASE_APP_ID,
};

// 指定第一个App的名称为"app1"
const app1 = getApps().some(app => app.name === "app1") 
  ? getApp("app1") 
  : initializeApp(firebaseConfig1, "app1");

const db = getFirestore(app1);
const storage = getStorage(app1);

export { db, storage };

关键说明 #

• 每个Firebase App实例必须有唯一名称，Firebase会通过名称区分不同项目的资源
• 所有Firebase服务（Firestore、Storage等）必须关联对应的App实例，不能混用
• 确保两个项目的环境变量配置正确，无拼写错误

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