使用 React 应用程序部署未定义 Netlify 环境变量

Question

当我在本地主机中时，我有一个 .env.local 文件，我从中获取 api 密钥。当我将我的应用程序部署到 netlify 时，netlify env var 不起作用。我在 netlify 仪表板上设置了 env var，所以它应该可以工作。我什至为另一个项目做了这个，没有任何问题。 这是我设置 api 密钥的代码：

let movieDbApiKey = "";

if (process.env.NODE_ENV !== "production") {
  movieDbApiKey = process.env.REACT_APP_MOVIEDB_API_KEY;
  console.log("not in production build");
} else {
  movieDbApiKey = process.env.MOVIEDB_API_KEY;
  console.log(process.env.MOVIEDB_API_KEY);
  console.log("in production build");
}

在本地，REACT_APP_MOVIEDB_API_KEY 返回一个值。当我部署它时，我在 netlify 仪表板中设置的 var 返回未定义。我准确地命名了它在文件中的名称。它也在生产版本中，所以我不确定问题是什么。

Answer 1

1. React 变量应该以 REACT_APP 开头

2. 将变量放置在站点设置 > 构建和部署 > 环境 > 环境变量中。

3. 重建反应应用程序。

我希望这能解决问题。