在 React JS 中使用 .env 文件进行 firebase 身份验证时出错

getting error while using .env file for firebase auth in eact js

我已经尝试了很多我的 . env 文件在我的根目录中,使用复制害虫替换了所有变量但仍然无效 api 键错误。

这是我的 firebase.inializeApp 配置

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_MESSAGEING_SENDER_ID,
 appId: process.env.REACT_APP_APP_ID

这就是我写 .env 文件时使用和不使用“”的方式”

process.env.REACT_APP_API_KEY=
process.env.REACT_APP_AUTH_DOMAIN=
process.env.REACT_APP_PROJECT_ID=
process.env.REACT_APP_STORAGE_BUCKET=
process.env.REACT_APP_MESSAGEING_SENDER_ID=
process.env.REACT_APP_APP_ID=

这是我的 package.json 文件依赖项

 "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "firebase": "^7.24.0",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-firebase-hooks": "^2.2.0",
    "react-router": "^6.2.1",
    "react-scripts": "^3.4.3"
  }

您不需要在 .env 文件中的变量开头写 process.env,因此您的 .env 应该是这样的

REACT_APP_API_KEY=
REACT_APP_AUTH_DOMAIN=
REACT_APP_PROJECT_ID=
REACT_APP_STORAGE_BUCKET=
REACT_APP_MESSAGEING_SENDER_ID=
REACT_APP_APP_ID=