环境变量在 react firebase 配置文件中不起作用

Question

我正在使用 firebase 制作一个 react 应用程序，我想为 firebase 配置使用环境变量。 这是我的 react apps src 文件夹中的 firebase 配置

import firebase from "firebase"
import "firebase/auth"

console.log(process.env)

const config = {
    //private stuff
};
// Initialize Firebase
firebase.initializeApp(config);
firebase.analytics();

export default firebase

问题在于该控制台日志，我正在使用它进行调试，它正在记录

NODE_ENV: "production"
PUBLIC_URL: ""
WDS_SOCKET_HOST: undefined
WDS_SOCKET_PATH: undefined
WDS_SOCKET_PORT: undefined

什么时候应该记录

NODE_ENV: "production"
PUBLIC_URL: ""
WDS_SOCKET_HOST: undefined
WDS_SOCKET_PATH: undefined
WDS_SOCKET_PORT: undefined
GOOGLE_API_KEY: "key"

为什么我的自定义环境变量没有显示？我正在使用 AWS amplify 进行部署，这样就可以提供环境变量。

Answer 1

https://create-react-app.dev/docs/adding-custom-environment-variables/

您的项目可以像使用环境中声明的变量一样 它们是在您的 JS 文件中本地声明的。默认情况下，您将拥有 NODE_ENV 为您定义，任何其他环境变量开始 REACT_APP_。

注意：您必须创建以开头的自定义环境变量 REACT_APP_。除了NODE_ENV 之外的任何其他变量都将被忽略 避免意外暴露机器上的私钥，这可能 有相同的名字。更改任何环境变量都需要 如果开发服务器正在运行，请重新启动它。