环境变量在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都将被忽略，以避免意外暴露机器上可能具有相同名称的私钥。更改任何环境变量都将要求您重新启动正在运行的开发服务器。