如何修复无效的 firebase api 密钥？

Question

在 React Firebase 项目中，我收到错误 =“firebase: error (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. 在放置所有给定 api 密钥的 Firebase 的 .env 文件中，将这些密钥放入如下格式的格式中。没有多余的标点符号。

   REACT_APP_authDomain = YOUR_FIREBASE_KEY

2. 检查所有api密钥是否正常

3. 如果一切顺利的话。停止你的“react hotreload”并通过“npm start”再次启动你的react应用程序

最后我发现您为键提供了错误的值。您已向“apikey”提供了“REACT_APP_authDomain”值，并为 authDomain 提供了“REACT_APP_apiKey”值。也检查一下。祝你好运🤞.

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

Answer 2

就这样做：

apiKey: String(process.env.REACT_APP_apiKey),
authDomain: process.env.REACT_APP_authDomain,
projectId: String(process.env.REACT_APP_projectId),
storageBucket: process.env.REACT_APP_storageBucket,
messagingSenderId: process.env.REACT_APP_messagingSenderId,
appId: String(process.env.REACT_APP_appId),
measurementId: process.env.REACT_APP_measurementId