如何解决 Firebase 无效 api 密钥错误

【问题标题】：How to solve Firebase invalid api key error如何解决 Firebase 无效 api 密钥错误
【发布时间】：2021-12-13 05:05:15
【问题描述】：

我正在为 React 项目使用 firebase，但是我收到了这个无效的 api-key 错误。

我的配置文件如下所示：

    const firebaseConfig = {
    apiKey: "**********************",
    authDomain: "******.firebaseapp.com",
    projectId: "*******",
    storageBucket: "********.appspot.com",
    messagingSenderId: "*********************",
    appId: "1:***************************"
  };

我像这样初始化firebase：

import firebase from "firebase/compat/app";
import "firebase/compat/auth";
import { firebaseConfig } from "../firebaseConfig";

const app = firebase.initializeApp({
  firebaseConfig
});

console.log(firebase.default.auth);

export const auth = app.auth();
export default app;

【问题讨论】：

标签： reactjs firebase

【解决方案1】：

当你打电话时：

const app = firebase.initializeApp({
  firebaseConfig
});

你实际上是在打电话（使用object initialization shorthand）：

const app = firebase.initializeApp({
  firebaseConfig: {
    apiKey: "**********************",
    authDomain: "******.firebaseapp.com",
    projectId: "*******",
    storageBucket: "********.appspot.com",
    messagingSenderId: "*********************",
    appId: "1:***************************"
  }
});

这意味着firstArg.apiKey 是undefined 并导致您看到的错误。

您应该传递对象本身：

const app = firebase.initializeApp(firebaseConfig);

如果需要，也可以复制一份（使用object spread syntax）：

const app = firebase.initializeApp({ ...firebaseConfig });

【讨论】：