我一直在制作ReactJS+Gatsby Web应用程序。但当我试图实现Firebase验证时，它只是给了我一个错误您的API密钥无效，请检查您是否正确复制了它
我试过几种解决问题的方法，但到目前为止都没有成功。
我已经将我的API密钥和其他重要密钥存储在.env文件中，并且我正在这样使用它：
.env文件：
REACT_APP_FIREBASE_API_KEY=XXXXXXXXXXXXXXXX
REACT_APP_FIREBASE_AUTHDOMAIN=XXXXXXXXXXXXXXXXX
REACT_APP_FIREBASE_PROJECT_ID=XXXXXXXXXXXXXXXXX
REACT_APP_FIREBASE_STORAGE_BUCKET=XXXXXXXXXXXXXXX
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=XXXXXXXXXXXXXXXX
REACT_APP_FIREBASE_APP_ID=XXXXXXXXXXXXXXXXXXXXXX
与firebase.js文件：
import firebase from "firebase"
export var firebaseConfig = {
apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
authDomain: process.env.REACT_APP_FIREBASE_AUTHDOMAIN,
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,
}
let instance
export default function getFirebase() {
if (typeof window !== "undefined") {
if (instance) return instance
instance = firebase.initializeApp(firebaseConfig)
return instance
}
return null
}
但不知何故，这个错误一直存在。
如需进一步参考，请访问部署站点的链接：
网站
Gatsby将在客户端JavaScript上提供任何带有GATSBY_前缀的变量：https://www.gatsbyjs.com/docs/how-to/local-development/environment-variables#client-侧javascript
如果您想向所有人公开所有这些，那么您可以将REACT_APP替换为GATSBY。您可能遵循了CRA的教程，因为他们使用了此约定：https://create-react-app.dev/docs/adding-custom-environment-variables/
确保.env文件在根目录中。没有src，没有公共子文件夹；我陷入了类似的循环，只是在根文件夹中找不到.env文件。