您的API密钥无效，请检查是否已正确复制
显示此错误的原因有很多。我想解释一下我是如何解决此问题的。
首先，我复制firebaseConfig变量点击复制按钮为我的网站，并保持它在我的源文件夹下，使一个文件名为firebase.config.js。

export const firebaseConfig = {
    apiKey: 'AIzaSxxxxxxxxxxxxxxxxxxxxxxx',
    authDomain: 'fir-axxxxxxxxxxxxxxxxxxxxxxxxxx',
    projectId: 'fir-axxxxxxxxxxxxxxxxx',
    storageBucket: 'fir-axxxxxxxxxxxxxxxxxx',
    messagingSenderId: '106xxxxxxxxxxxxxx',
    appId: '1:1064xxxxxxxxxxxxxxxxxxxxxxxxxxxx',
};

其次，我通过将firebaseConfig变量导入到我的App.js文件中来调用它。

import { firebaseConfig } from './firebase.config';

最后，我在下面这一行中使用了这个变量。

firebase.initializeApp(firebaseConfig);

如果你从这个解决方案中得到了一些有用的东西，请按下upvote。谢谢。

首先安装firebase，然后导入firebase，首先作为import firebase from 'firebase';或js脚本。下面的代码用于连接应用程序到firebase，这包括id和连接firebase的所有细节。

const config ={

    apiKey: "XXXXXXXXXXXX",
    authDomain: "app.firebaseapp.com",
    databaseURL: "https://app.firebaseio.com",
    projectId: "XXXXXX2",
    storageBucket: "XXXXXX.appspot.com",
    messagingSenderId: "5..........",
    appId: "1:52807............."
}

firebase.initializeApp(config);
export default firebase;

我正在使用React。
我也得到了同样的错误，因为在我的.env文件中，我在声明之后出现了,。
之前：REACT_APP_API_KEY="AIXXXXXXXXXXXX",
之后：REACT_APP_API_KEY="AIXXXXXXXXXXXX"

export const environment = {
  production: false,
  firebaseConfig: {
    apiKey: "AIzxxxxxxxxxxxxxxxxxxxxxxx",
    authDomain: "chxxxxxxxxxxxxxx",
    projectId: "chxxxxxxxxxxxxxxxx",
    storageBucket: "chxxxxxxxxxxxxxxxx",
    messagingSenderId: "7xxxxxxxxxxxxxxx",
    appId: "1:7xxxxxxxxxxxxxxxxxxxxxxxxx",
    measurementId: "G-xxxxxxxxx"
  }
};

将其添加到您的环境中。ts

首先......
1.请确保正确复制了密钥。
1.如果你确认你复制正确，其余的东西是好的，但仍然错误显示...
1.然后关闭所有文件并注销Gmail帐户
1.然后再次登录并打开您的文件和文件夹。
希望它能起作用。在我的情况下...它就像我说的那样起作用了。

后基火这样配置：

const firebaseConfig = {
    apiKey:process.env.REACT_APP_apiKey,
    authDomain:process.env.REACT_APP_authDomain,
    projectId:process.env.REACT_APP_projectId,
    storageBucket:process.env.REACT_APP_storageBucket,
    messagingSenderId:process.env.REACT_APP_messagingSenderId,
    appId:process.env.REACT_APP_appId,
}

你可以通过Ctrl + c =〉y停止服务器，然后重新运行服务器（npm start）。它会工作。我也得到这样的错误，在遵循这个我的代码运行良好。你可以尝试，希望它会对你有帮助。

如果将Vite与Firebase一起使用，请使用以下模式

const firebaseConfig = {
  apiKey: import.meta.env.REACT_APP_API_KEY,
  authDomain: import.meta.env.REACT_APP_AUTH_DOMAIN,
  projectId: import.meta.env.REACT_APP_PROJECT_ID,
  storageBucket: import.meta.env.REACT_APP_STORAGE_BUCKET,
  messagingSenderId: import.meta.env.REACT_APP_MESSAGE_SENDER_ID,
  appId: import.meta.env.REACT_APP_APP_ID,
};