我使用创建反应应用程序引导我的应用程序。

我添加了两个。env文件。env.development和。env。生产在根。

我的. environment .development包括:

API_URL=http://localhost:3000/api
CALLBACK_URL=http://localhost:3005/callback

当我运行我的应用程序使用反应脚本启动和控制台进程。环境,它吐出

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

我尝试了不同的事情,但它只是不拾起我的开发文件,我做错了什么?!

领导结构为:

/.env.development
/src/index.js

包中。Json脚本是:

"start": "export PORT=3005; npm-run-all --parallel server:start client:start",
    "client:start": "export PORT=3005; react-scripts start",
    "server:start": "node server.js",
    "build": "react-scripts build",

编辑:

@jamcreencia正确地指出我的变量应该以REACT_APP为前缀。

编辑2

如果我将文件命名为。env,它就可以工作,但如果我使用。env.development或。end.production就不行


当前回答

对于那些应用了上面所有这些答案但没有工作的人,只要重新启动npm start的终端,停止活动服务器并再次运行它,它就会工作,因为它对我有用

其他回答

也有同样的问题!解决方案是关闭与我的节点服务器的连接(你可以用CTRL + C来做),然后用'npm run start'重新启动服务器,.env应该可以正常工作。

来源:Github

我也遇到了同样的问题,但这是因为我的.env文件是YAML格式而不是JS格式。

这是

REACT_APP_API_PATH: 'https://my.api.path'

但这是必须的

REACT_APP_API_PATH = 'https://my.api.path'

当使用.env文件时,无论是前端还是后端。

每当修改.env文件时,必须重新启动相应的服务器,以便更改在应用程序中生效。 热重载不会从.env文件中读取更改。

确保你的.env文件在根目录中,而不是在src文件夹中。

添加.env文件后,您需要

重新启动应用程序 关闭服务器 再次运行NPM start

它应该能起作用