NextJS+NextAuth+Firebase集成报错：默认Firebase应用重复初始化

遇到的错误：

error - FirebaseError: Firebase: Firebase App named '[DEFAULT]' already exists with different options or config (app/duplicate-app).

以下是针对性的解决思路和代码调整方案：

1. 修正Firebase配置的冗余赋值 #

你的Firebase初始化代码中，存在不必要的配置解构重复赋值操作，这可能导致生成的配置对象与后续尝试获取的默认App配置不一致，触发重复App错误。

修改后的Firebase配置文件：

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

const firebaseConfig = {
  apiKey: ___,
  authDomain: ___,
  projectId: ___,
  storageBucket: ___,
  messagingSenderId: ___,
  appId: ___,
  measurementId: ___,
};

// 直接使用原始配置初始化，移除冗余的projectId重复赋值
const app = getApps().length === 0 ? initializeApp(firebaseConfig) : getApp();
const db = getFirestore(app);

export { app, db, firebaseConfig };

2. 避免NextAuth适配器与手动初始化冲突 #

@next-auth/firebase-adapter 内部可能会尝试自动初始化Firebase，若你手动传入已初始化的db实例，可能引发重复初始化冲突。可以改为直接传递Firebase配置给适配器：

修改[...NextAuth].js：

import NextAuth from "next-auth/next";
import GoogleProvider from "next-auth/providers/google";
import { FirestoreAdapter } from "@next-auth/firebase-adapter";

// 导入原始Firebase配置而非已初始化的db
import { firebaseConfig } from "@/firebase/config";

export default NextAuth({
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_ID,
      clientSecret: process.env.GOOGLE_SECRET,
    }),
  ],
  adapter: FirestoreAdapter(firebaseConfig),
});

3. 封装单例初始化逻辑确保唯一性 #

在Next.js中，若配置文件被客户端和服务端多次导入，可能导致初始化逻辑重复执行。将初始化逻辑封装为单例函数，强制只初始化一次：

调整后的Firebase配置文件：

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

const firebaseConfig = {
  apiKey: ___,
  authDomain: ___,
  projectId: ___,
  storageBucket: ___,
  messagingSenderId: ___,
  appId: ___,
  measurementId: ___,
};

let app;
let db;

// 单例初始化函数
function initFirebase() {
  if (!getApps().length) {
    app = initializeApp(firebaseConfig);
    db = getFirestore(app);
  } else {
    app = getApp();
    db = getFirestore(app);
  }
}

initFirebase();

export { app, db, firebaseConfig };

4. 校验环境变量一致性 #

确保客户端和服务端加载的Firebase配置完全一致，检查环境变量是否在两端都正确注入，避免因配置参数差异被判定为不同的App实例。

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