前提
reactでfirebaseを使用して、認証行いたいと思い、実装しておりましたが、
認証でエラーが発生して認証ができない状態です。。。
fireabase v9
react v18
参考のサイトなども調べましたが、v8のものが多く、、、
発生している問題・エラーメッセージ
firebaseConfig.jsの17行目でエラー
FirebaseError: Firebase: Error (auth/invalid-api-key). 15 | // Initialize Firebase 16 | const app = !getApps().length ? initializeApp(firebaseConfig) : getApp(); 17 | const auth = getAuth(app); | ^ 18 | const provider = new GoogleAuthProvider(); 19 | 20 | export {auth, provider};
console.log(firebaseConfig);で値が正しいどうかも確認しましたが、
問題なく、全ての値が正しく表示されます。
該当のソースコード
firebaseConfig.js
1import { FirebaseOptions, initializeApp, getApps, getApp, FirebaseApp } from "firebase/app"; 2import { getAuth } from "firebase/auth"; 3import { GoogleAuthProvider } from "firebase/auth"; 4 5const firebaseConfig = { 6 apiKey: process.env.FIREBASE_API_KEY, 7 authDomain: process.env.FIREBASE_AUTH_DOMAIN, 8 projectId: process.env.FIREBASE_PROJECT_ID, 9 storageBucket: process.env.FIREBASE_STORAGE_BUCKET, 10 messagingSenderId: process.env.FIREBASE_MESSAGE_SENDER_ID, 11 appId: process.env.FIREBASE_APP_ID, 12 measurementId: process.env.FIREBASE_MEASUREMENT_ID, 13}; 14console.log(firebaseConfig); 15// Initialize Firebase 16const app = !getApps().length ? initializeApp(firebaseConfig) : getApp(); 17const auth = getAuth(app); 18const provider = new GoogleAuthProvider(); 19 20export {auth, provider};
FirebaseOptions・FirebaseAppはなくても問題ないかと思いますが、
試して追記したものを残している状態です。
わかる方おりましたら、お教えいただきたいです。。。
回答3件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。