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

【问题标题】：How to fix Firebase 9.0 invalid API key如何修复 Firebase 9.0 无效的 API 密钥
【发布时间】：2021-10-27 00:18:24
【问题描述】：

我的 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;

【问题讨论】：

您是否尝试过console.log(firebaseConfig) 并检查所有环境变量是否正确？
我不确定它是否为必填字段，但您缺少 measureID 参数...也许您的情况需要它？只是想知道......或者另一件事可能是您试图在本地主机上运行它。环境变量在 localhost 上不起作用。
还要检查文件命名是否正确。 .env.local 行，以 . 开头

标签： reactjs firebase firebase-realtime-database firebase-authentication

【解决方案1】：

出现此问题是因为，您可能以这样的错误方式编写了 env 文件

// Wrong: 
REACT_APP_FIREBASE_KEY=”AHEHEHR”

// Right:
REACT_APP_FIREBASE_KEY=AHEHEHR

您没有使用任何尾随逗号或引号，在您的 api 密钥之后或周围，并且在对您的 env 文件进行更改后，您必须重新启动服务器

【讨论】：

【解决方案2】：

您的 env 变量似乎无效。

你可以检查一些东西。

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

【讨论】：