Firebase の設定が違う・ドメインが許可されていない
FirebaseError: Firebase: Error (auth/invalid-api-key). FirebaseError: Firebase: Error (auth/unauthorized-domain).
ひとことで言うと
「Firebase の設定の値が違う」か、「このアドレスからのログインが許可されていない」という意味です。
よくある原因
- firebaseConfig の値(apiKey など)を入れていない・間違っている
- 公開したドメインを、Firebase の承認済みドメインに足していない
- 使うログイン方法(Google など)を有効にしていない
自分で確かめること
- Firebase の管理画面の「プロジェクトの設定」で、設定の値を見比べる
- Authentication の「設定」で、承認済みドメインを見る
たいていは、こうすると直ります
正しい設定の値を入れ、公開したドメインを承認済みドメインに足します。
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 など)を有効にしていない どれに当てはまるかを確かめる方法も教えてください。