你的项目可以使用在你的环境中声明的变量，就像它们在你的JS文件中本地声明一样。默认情况下，您将拥有为您定义的NODE_ENV，以及以REACT_APP_开头的任何其他环境变量。

参考:https://create-react-app.dev/docs/adding-custom-environment-variables

那份文件造成了混乱。

所以你实际上需要在.env中放入前缀REACT_APP_才能使它工作。

并且确保重新启动测试/dev/prod服务器，因为.env内容更改是在构建阶段加载的。

在我注意到我的IDE添加了一个导入之前，我挣扎了一个好小时:

import * as process from "process";

把它拿掉就没事了，如果你也是这样的话。

使用create react app，你需要在变量名前加上REACT_APP_前缀。例:

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

**确保你的.env文件在根目录下，而不是在src文件夹里。

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

注意:必须创建以REACT_APP_开头的自定义环境变量。除了NODE_ENV之外的任何其他变量都将被忽略，以避免意外地暴露机器上可能具有相同名称的私钥

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

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

我也没有得到任何价值。出于某种原因，我认为环境文件应该是dev.env, qa。env等等。实际上，它只是“。env”。就是这样。以防别人犯同样的错误。

当你从环境文件中获得undefined时，只需停止终端并使用NPM start命令重新启动。