.env 文件不显示自定义环境变量

Question

我在我的项目中设置了一个 .env 文件

但是当我 console.log 时，我只能看到以下对象

{
  "NODE_ENV": "development",
  "PUBLIC_URL": ""
}

我尝试使用 .env.local，但问题仍然存在。我使用create-react-app 引导反应应用程序

Answer 1

所有自定义环境变量都需要有前缀REACT_APP_。

像这样：

REACT_APP_GOOGLE_MAP_KEY = asdfdtgsg34qrgaerg

More about environment variables with create-react-app

Answer 2

你们很多人都错过了这个

• env 文件应该在您的根目录下（而不是在 src 目录下）
• 环境变量名称应以 REACT_APP_ 为前缀
• 您需要重新启动服务器以反映更改。
• 之后，您可以在 CRA 应用程序中访问类似 process.env.REACT_APP_SOME_VARIABLE 的变量