文章/答案/技术大牛

发布

社区首页 >问答首页 >使用环境变量，控制台中的Firebase无效api键错误

问使用环境变量，控制台中的Firebase无效api键错误
EN

Stack Overflow用户

提问于 2022-05-23 11:33:38

回答 1查看 240关注 0票数 2

我正在使用谷歌登录，Firebase，和挂钩登录反应web应用程序。插入firebaseConfig API (.env.local)文件并将密匙设置为firebase配置会导致控制台上的错误

.env.local

REACT_APP_AUTH_DOMAIN=doctors-portal-6bc13.firebaseapp.com
REACT_APP_PROJECT_ID=doctors-portal-6bc13
REACT_APP_STORAGE_BUCKET=doctors-portal-6bc13.appspot.com
REACT_APP_MESSAGING_SENDER_ID=725454304359
REACT_APP_APP_ID=1:725454304359:web:49840cbf09a6b578e210c2```

firebase.init.js文件

import { initializeApp } from "firebase/app";
import {getAuth } from "firebase/auth";

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


const app = initializeApp(firebaseConfig);

const auth = getAuth(app);
export default auth;```

在不使用(.env.local)的情况下直接使用Firebase

const firebaseConfig = {
  apiKey: "AIzaSyA72Jfi_WXWie-i641mAYhLv3QgiynzLxQ",
  authDomain: "doctors-portal-6bc13.firebaseapp.com",
  projectId: "doctors-portal-6bc13",
  storageBucket: "doctors-portal-6bc13.appspot.com",
  messagingSenderId: "725454304359",
  appId: "1:725454304359:web:49840cbf09a6b578e210c2",
};

这样写不会产生任何错误。

firebase-authentication

javascript

firebase

react-hooks

回答 1

Stack Overflow用户

发布于 2022-06-03 10:16:55

尝试如下：https://i.stack.imgur.com/xH4Dm.png您必须将您的.env路径放置在`${

对我来说很管用。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72347849

复制

相似问题

问使用环境变量，控制台中的Firebase无效api键错误
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用环境变量，控制台中的Firebase无效api键错误EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用环境变量，控制台中的Firebase无效api键错误
EN