← 一覧へ
データベース・ログイン出る場所:ブラウザの画面・開発者ツールたまに出る

Firebase の設定が違う・ドメインが許可されていない

FirebaseError: Firebase: Error (auth/invalid-api-key).
FirebaseError: Firebase: Error (auth/unauthorized-domain).

ひとことで言うと

「Firebase の設定の値が違う」か、「このアドレスからのログインが許可されていない」という意味です。

よくある原因

  1. firebaseConfig の値(apiKey など)を入れていない・間違っている
  2. 公開したドメインを、Firebase の承認済みドメインに足していない
  3. 使うログイン方法(Google など)を有効にしていない

自分で確かめること

たいていは、こうすると直ります

正しい設定の値を入れ、公開したドメインを承認済みドメインに足します。

AIへの伝え方

下の文をコピーして、ChatGPT・Claude・Cursor などに貼り付けてください。トップで貼り付けたエラー文があれば、自動でそれに入れかわります。

次のエラーが出て困っています。プログラミング初心者にもわかるように、原因と直し方を教えてください。必要なら、直したコードも全部見せてください。

【エラー】
FirebaseError: Firebase: Error (auth/invalid-api-key).
FirebaseError: Firebase: Error (auth/unauthorized-domain).

【やったこと】
(ここに、エラーが出る前にしたことを書く。例:npm run dev を実行した)

【参考】
このエラーは「Firebase の設定が違う・ドメインが許可されていない」というもので、よくある原因は次のとおりです。
・firebaseConfig の値(apiKey など)を入れていない・間違っている
・公開したドメインを、Firebase の承認済みドメインに足していない
・使うログイン方法(Google など)を有効にしていない

どれに当てはまるかを確かめる方法も教えてください。