reactjs - 将 .env 文件添加到 React Project 不起作用

Question

我正在尝试添加 .env 文件和变量，但我无法访问任何变量。我正在使用 React Biolerplate Code .

我正在关注这个React Docs File .

我在我的根文件夹中添加了一个 .env 文件，如下所示:

REACT_APP_SECRET_NAME=secretvaluehere123

我正在尝试使用以下代码访问它:

<small>You are running this application in <b>{process.env.NODE_ENV}</b> mode.</small>

我正在获取 NODE_ENV 作为开发，但是当我尝试访问时:

 REACT_APP_SECRET_NAME 

我无法访问它。

我的 React 样板正在使用:

cross-env  NODE_ENV=development 

在启动命令中。

我从 package.json 中删除了 (cross-env NODE_ENV=development) 但它不起作用。我尝试了这个答案的解决方案:Possible answer .

根据 React Docs它应该工作。我想为本地添加 api_url 它应该是 x 而对于生产，它应该是 y:

Answer 1

以下issue React Boilerplate 似乎提出了一个可行的解决方案:

1. 安装 env-cmd , 一个节点模块
2. 更新您的启动脚本以使用它:

  {
    start: "cross-env NODE_ENV=development env-cmd node server"
  }

如果您的 .env 像您所说的那样位于根文件夹中，这应该可以工作。否则，您可以通过这样做指定 .env 的路径

  {
    start: "cross-env NODE_ENV=development env-cmd -f ./custom/path/.env node server"
  }