如何修复 Firebase 9.0 无效的 API 密钥

Question

我的 API 密钥存储在 React 项目的本地 .env 文件中，并且它是直接从我的 firebase 控制台设置页面正确粘贴的。但是，我收到此错误：

Firebase: Error (auth/invalid-api-key).
createErrorInternal
D:/src/core/util/assert.ts:101

   98 |   );
   99 | }
  100 | 
> 101 | return _DEFAULT_AUTH_ERROR_FACTORY.create(
      | ^  102 |   authOrCode,
  103 |   ...(rest as AuthErrorListParams<K>)
  104 | );

我不明白为什么 React 会给我一个错误。我在以下文件中初始化了 Firebase：

import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth";

const firebaseConfig = {
  apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
  authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,
  projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
  storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID,
  appId: process.env.REACT_APP_FIREBASE_APP_ID,
};

const app = initializeApp(firebaseConfig);
export const auth = getAuth();

export default app;

Answer 1

看起来你的env变量无效。

不过你可以检查一些事情。

1. 如果您的服务器已经在运行并且您正在更改/添加变量，则必须重新启动服务器env。
   
2. 确保您的env变量名称正确。
3. 确保您的env文件位于根文件夹中，这意味着它应该位于您的src和public文件夹中。