先日firebaseとreactを接続するところでハマってしまったので
同じ境遇に会ったらぜひ参考にしていただきたいです!
#接続がうまくいかなかった原因
結論必要な記載が漏れていた
【エラー文】
@firebase/firestore: Firestore (8.2.9): Could not reach Cloud Firestore backend. Connection failed 1 times. Most recent error: FirebaseError: [code=permission-denied]: Permission denied on resource project "clone3411",.
This typically indicates that your device does not have a healthy Internet connection at the moment. The client will operate in offline mode until it is able to successfully connect to the backend
最初は接続環境が悪いのかなと思い、そのような記事がたくさんあり何度もwifiをつけ外ししてたがうまくいかず。。。
エラー文をよくみるとclone3411
とに接続がうまくいってないと記載があった!
firebaseconfigファイルが悪いのではと考えfirebaseの設定の箇所を再度コピーしてみた
firebase.js
var firebaseConfig = {
apiKey: "******",
authDomain: "****",
projectId: "****",
storageBucket: "*****",
messagingSenderId: "*****",
appId: "****",
measurementId: "*****"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
そのままコピーしてるはずだからうまくいくはず。。。
まだエラー文は直らない。どうしてだろう。。。
#解決方法
調べていくと今のfirebaseConfigには1行足りないコードがあります!
それはdatabaseURL:"****"
です!
この記述は自分で記載する必要があり(何故なのかわかりません)それを記述することでエラー文がなくなりました!
URLを書くときは、databaseURL:"https://projectId(記載のID).firebaseio.com"
を書く必要があります!
ぜひ同じような現象が起きたときはconfigファイルを見てみるといいかなと思います!