.env 文件未在 React js 的本地环境中更新

Question

我的 React 项目中有一个 .env 文件，并使用dotenvpackage 来读取环境变量。我做了环境变量的控制台日志。我一开始就在 .env 文件中初始化了几个变量，并且可以完美读取。

后来我更改了 .env 文件中的一些数据并重新启动了本地服务器，但新的更改没有得到反映。即使删除 .env 文件并启动服务器后，也会加载相同的旧变量。我知道这是一个缓存问题，但无法找到重置它的方法。

我正在使用npm start命令来启动服务器。

Answer 1

使用 REACT_APP 前缀

您需要根据文档声明带有REACT_APP前缀的变量。

REACT_APP_API_KEY = 'XXXXXXXX'
REACT_APP_AUTH_DOMAIN = 'XXXXXXXX'
REACT_APP_DATABASE_URL = 'XXXXXXXX'
REACT_APP_PROJECT_ID = 'XXXXXXXX'
REACT_APP_STORAGE_BUCKET = 'XXXXXXXX'
REACT_APP_MESSAGING_SENDER_ID = 'XXXXXXXX'
REACT_APP_API_ID = 'XXXXXXXX'
REACT_APP_MEASUREMENT_ID = 'XXXXXXXX'

同样，使用代码中的前缀访问它们

REACT_APP_API_KEY = 'XXXXXXXX'
REACT_APP_AUTH_DOMAIN = 'XXXXXXXX'
REACT_APP_DATABASE_URL = 'XXXXXXXX'
REACT_APP_PROJECT_ID = 'XXXXXXXX'
REACT_APP_STORAGE_BUCKET = 'XXXXXXXX'
REACT_APP_MESSAGING_SENDER_ID = 'XXXXXXXX'
REACT_APP_API_ID = 'XXXXXXXX'
REACT_APP_MEASUREMENT_ID = 'XXXXXXXX'

注意：每次更新 env 文件以使用更改时，您都需要重新启动开发服务器。