FirebaseError:Firebase:名为“[DEFAULT]”的Firebase应用程序已存在,具有不同的选项或配置(应用程序/重复应用程序)

Jus*_*kid 2 firebase typescript next.js

在此输入图像描述

这是我的完整代码

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

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

const app = initializeApp(firebaseConfig);
export const auth = getAuth(app);
Run Code Online (Sandbox Code Playgroud)

所以我不知道我的代码发生了什么以及如何修复它?我的所有代码似乎都正常,没有任何错误 D:

小智 5

有时,当您在多个其他文件中导入 firebase.js 文件时,它可能会尝试创建应用程序的两个实例。为了防止这种情况,请使用以下代码:

const app = !getApps().length ? initializeApp(firebaseConfig) : getApp();
Run Code Online (Sandbox Code Playgroud)

只要确保导入 getApps() 和 getApp() 即可。