如何使用react访问环境变量？

Question

这可能是重复的，但我找不到适合我的特定用例的答案。npx create-react-app app我使用根目录中的 .env 文件创建了一个 React 应用程序。将“REACT_APP”附加到我的变量不会在 下注册process.env，唯一注册的变量是FAST_REFRESH: true、NODE_ENV: "development"、PUBLIC_URL: ""、WDS_SOCKET_HOST: undefined、WDS_SOCKET_PATH: undefined和WDS_SOCKET_PORT: undefined。如何访问 .env 文件中的环境变量？

这是我的变量：

REACT_APP_SERVICE_ID="service"
REACT_APP_TEMPLATE_ID="template"
REACT_APP_VAR="show"

Answer 1

我遇到了同样的问题：仅打印了预定义的环境变量，当我尝试使用 process.env.REACT_APP_MYVAR 获取它们时，我的自定义变量 \xe2\x80\x93 尽管以 REACT_APP 为前缀，但在开发模式下打印为未定义。

\n

停止本地主机并使用“npm start”再次启动应用程序修复了该问题。

\n