Firebase报错：名为[DEFAULT]的应用已存在，求修复方案

这个错误的核心原因是：默认名称为[DEFAULT]的Firebase App已经被初始化过，要么是你的代码重复调用了初始化方法，要么是其他地方用不同配置初始化过默认App。

修复方案1：确保只初始化一次默认App #

修改你的初始化代码，先检查是否已有初始化的默认App，不存在时再执行初始化：

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

const firebaseConfig = {
  apiKey: "APIKEY",
  authDomain: "AUTHDOMAIN",
  projectId: "PROJID",
  storageBucket: "BUCKET",
  messagingSenderId: "SOMEID",
  appId: "APPID",
  measurementId: "IDDDDD"
};

// 检查现有App实例，无则初始化，有则复用已存在的默认App
const app = getApps().length === 0 ? initializeApp(firebaseConfig) : getApp();
export const auth = getAuth(app);

修复方案2：初始化多实例App（如果需要） #

如果你确实需要同时使用多个不同配置的Firebase App，可以给每个App指定唯一名称：

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

const firebaseConfig = {
  // 你的配置
};

// 初始化带自定义名称的App
const customApp = initializeApp(firebaseConfig, "custom-app-name");
// 获取对应App的Auth实例
export const customAuth = getAuth(customApp);

日常开发中最常见的场景是重复导入了初始化代码（比如在多个组件或模块里都引入了这段代码），导致多次触发initializeApp。方案1的判断逻辑可以彻底避免这个问题，保证全局只有一个默认App实例。

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