我正在尝试添加 .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:
最佳答案
以下issue React Boilerplate 似乎提出了一个可行的解决方案:
- 安装 env-cmd , 一个节点模块
- 更新您的启动脚本以使用它:
{
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"
}
关于reactjs - 将 .env 文件添加到 React Project 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59497798/