如何修復無效的 firebase api 密鑰？

Question

在反應 firebase 項目中，我收到錯誤 =“firebase：錯誤（auth/api-key-not-valid.-please-pass-a-valid-api-key。）”為什么我會收到此錯誤？

這是我的 firebase 初始化代碼：

import { initializeApp } from "firebase/app";
import { getAuth } from 'firebase/auth';
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
const firebaseConfig = {
  apiKey:process.env.REACT_APP_authDomain,
  authDomain:process.env.REACT_APP_apiKey,
  projectId:process.env.REACT_APP_projectId,
  storageBucket:process.env.REACT_APP_storageBucket,
  messagingSenderId:process.env.REACT_APP_messagingSenderId,
  appId:process.env.REACT_APP_appId
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);

const auth = getAuth(app);


export default auth;

Answer 1

1. 在你放置所有 firebase 給定 api 密鑰的 .env 文件中，將這些密鑰放入如下格式中。 沒有額外的標點符號。

   REACT_APP_authDomain = YOUR_FIREBASE_KEY

2. 檢查所有api鍵都OK

3. 如果一切都OK。 停止你的'react hotreload'並通過'npm start'再次啟動你的react app

最后我看到您為鍵提供了錯誤的值。 您已經提供了“apikey”的“REACT_APP_authDomain”值和 authDomain 的“REACT_APP_apiKey”值。 也檢查一下。 祝你好運。

apiKey:process.env.REACT_APP_authDomain,
authDomain:process.env.REACT_APP_apiKey