javascript - 控制台中的 Firebase 无效 api key 错误

Question

我将 Firebase-auth 用于我正在使用 Electron 框架开发的 Web 应用程序。我使用项目设置创建了一个 API key ，并按照 Firebase 指南中的建议将其复制到我的 html 正文中。但是，当我在浏览器上打开 HTML 页面时，控制台显示以下错误。

code: "auth/invalid-api-key"
message: "Your API key is invalid, please check you have copied it correctly."
__proto__: Error

HTML 页面正文的底部如下所示。

 <script src="https://www.gstatic.com/firebasejs/5.8.2/firebase.js"></script>
          <script>
            // Initialize Firebase
            var config = {
              apiKey: "AIzaSyAXXXXXXXXXXXXXXXXXXXXjILO32ZDxRKY",
              authDomain: "jumbleup-773da.firebaseapp.com",
              databaseURL: "https://jumbleup-773da.firebaseio.com",
              projectId: "jumbleup-773da",
              storageBucket: "jumbleup-773da.appspot.com",
              messagingSenderId: "971123072180"
            };
            firebase.initializeApp(config);
          </script>

注意:我通过将 20 位数字更改为 X 来混淆真正的 key 。

Answer 1

Your API key is invalid, please check you have copied it correctly

此错误可能有多种原因。我想解释一下我是如何解决这个问题的。
首先，我为我的网站复制了 firebaseConfig 变量，单击复制按钮，并将其保存在我的源文件夹下，创建了一个名为 firebase.config.js 的文件.

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

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

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

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

firebase.initializeApp(firebaseConfig);

如果您从该解决方案中获得帮助，请按upvote。谢谢你。