FirebaseError

Question

Firebase初心者です

ログイン画面に移行時にエラーがました

Server Error
FirebaseError: Firebase: Firebase App named '[DEFAULT]' already exists (app/duplicate-app).

This error happened while gen

config.js

export const firebaseConfig = {
  apiKey: "AIzaSyAyuHhJhcsPUrmgmtdPXVKhiFQHYuxxxvY",
  authDomain: "next-9335f.firebaseapp.com",
  databaseURL: "https://next-9335f.firebaseio.com",
  projectId: "next-9335f",
  storageBucket: "next-9335f.appspot.com",
  messagingSenderId: "983587969965",
  appId: "1:983587969965:web:0e955e860a5465c7b9df24",
  measurementId: "G-CNJFE3SHB6"
};

index.js

import firebase from "firebase/app"
import "firebase/auth";
import "firebase/firestore";
import "firebase/functions";
import "firebase/storage";
import {firebaseConfig} from "./config";

firebase.initializeApp(firebaseConfig);
export const auth = firebase.auth();
export const db = firebase.firestore();
export const functions = firebase.functions();
export const storage = firebase.storage();
export const fb = firebase;
export const FirebaseFieldValue = firebase.firestore.FieldValue
export const FirebaseTimestamp = firebase.firestore.Timestamp;

試したこと

キャッシュの削除

config.jsの変更

export const firebaseConfig = {
  apiKey: "**********",
  authDomain: "next-9335f.firebaseapp.com",
  databaseURL: "https://next-9335f.firebaseio.com",
  projectId: "next-9335f",
  storageBucket: "next-9335f.appspot.com",
  messagingSenderId: "983587969965",
  appId: "1:983587969965:web:0e955e860a5465c7b9df24",
  measurementId: "G-CNJFE3SHB6"
};


エラー文
Failed to compile
./pages/firebase/index.js
Attempted import error: 'firebaseConfig' is not exported from './config'.

開発環境
next.js React

Answer 1

エラーの内容的にfirebase.initializeApp()が複数回実行されたことが原因のようです。
下記のIssueが類似だと思うので、index.jsのexportを変えてみてはどうでしょうか？

• GitHub | Firebase App named '[DEFAULT]' already exists (app/duplicate-app)

また、質問時はapiKeyなどはマスクをかけておいた方がいいと思います。

Comments

[tomsuma]

エラー消えました！
ありがとうございます

しかし、この表記は何を表しているのでしょうか
console.log(firebase.name);
console.log(firebase.database());export const auth = firebase.auth();

[nekoniki]

> しかし、この表記は何を表しているのでしょうか
> console.log(firebase.name);
> console.log(firebase.database());export const auth = firebase.auth();

console.log()を行っている２箇所は単純にコンソールに出力しているだけです。
export const auth = firebase.auth();
上記の一文はfirebase.auth()の結果をexportしています。

[tomsuma]

そうなんですね
かしこまりました！
ありがとうございます