创建未拾取的应用程序。环境文件？

Question

我正在使用CreateReact应用程序引导我的应用程序。

我添加了两个。env文件。环境。开发和。环境。根目录中的生产。

我的.env.development包括：

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

当我使用react脚本运行我的应用程序时，启动并执行过程。env它会吐出来

{ 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但如果我使用，则不会。环境。开发或。终止生产




Answer 1

我也有同样的问题！解决方案是关闭与我的节点服务器的连接（您可以使用CTRL C来实现这一点）。然后使用“npm run start”和重新启动服务器。环境应该正常工作。

来源： Github

Answer 2

确保你的安全。env文件位于根目录中，而不是src文件夹中。

Answer 3

使用create react app，您需要在变量名称前加前缀react\u app。前任：

REACT_APP_API_URL=http://localhost:3000/api
REACT_APP_CALLBACK_URL=http://localhost:3005/callback

添加自定义环境变量的CRA文档：

注意：必须创建以REACT\u APP\u开头的自定义环境变量。除了NODE_ENV之外的任何其他变量都将被忽略，以避免意外地在计算机上公开可能具有相同名称的私钥