【firebase】このプロジェクトにはウェブ API キーがありません

reactを使ってwebアプリを作成しております。
firebaseとの連携でうまく接続がいかず躓いてる状況でございます。

【エラー文】

[2021-03-09T12:48:46.951Z]  @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 "clone-a3498",.
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.

「Firebaseプロジェクトに接続できていない」というエラーメッセージだったため、調査したところfirebase作成後にプロジェクトの設定を見てみると、「このプロジェクトにはウェブ API キーがありません」というメッセージが出てることを発見致しました。

以前にfirebaseで作成したプロジェクトはウェブAPIキーにコードが入力されており、今回のプロジェクトのみAPIキーがないと言われてます。
関連する記事を探して解決法探しましたがうまくいかず、ご教示いただけると幸いです。

hoshi-takanori

2021/03/09 14:07

Authentication のところで Sign-in method を追加する必要があるのかも。 https://stackoverflow.com/questions/64972645/web-api-key-missing-in-firebase

moemo

2021/03/09 14:13

回答ありがとうございます！おしゃってる通り、認証を有効にすることで表示することはできました！自分の考えではここが表示されればエラー文を解決することができると考えていましたが、エラー文は解消されず。。。ご教示いただけると幸いです。

hoshi-takanori

2021/03/09 14:34

プロジェクトを登録すると得られる firebaseConfig データを使って Firebase を初期化してますか？ https://firebase.google.com/docs/web/setup?authuser=0#register-app

moemo

2021/03/09 14:40

初期化はしております！ご質問していて申し訳ないんですが、たった今解決致しました！現在のfirebaseはfirebaseConfigにdatabase_urlの記載がなく、それを自分で入力する必要がありそこの記載が漏れていたためにエラーが表示されておりました、、、確認不足です。ご協力いただきありがとうございました！