小编ron*_*052的帖子

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

我正在尝试在我的 React 应用程序中实现 firebase，但似乎我的导入版本已过时。这是我的代码：

import firebase from "firebase/app";
import "firebase/auth";

const app = firebase.initializeApp({
  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,
});

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

我已经用 process.env.REACT_APP_FIREBASE... 替换了我的配置键，因为它们存储在另一个本地 .env 文件中。我也尝试了不同的方式来导入 firebase，但似乎大多数帖子都过时了。这是我得到的错误：

./src/firebase.js 尝试导入错误：“firebase/app”不包含默认导出（作为“firebase”导入）。

我还有另一个 authContext 文件，所以我需要在我的 firebase.js 文件中保留 'auth' 关键字：

import React, { useContext, useState, useEffect } from "react";
import { auth } from "../firebase";

const AuthContext = React.createContext();

export function useAuth() {
  return useContext(AuthContext);
}

const AuthProvider = ({ …