在 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=
我已经尝试了很多我的 . 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=