如果以上这些方法都不适合你，试试下面这些可能的方法:

确保文件中需要定义环境变量的所有导入语句都是从本地项目导入的，而不是从其他项目导入的(VSCode错误地以这种方式自动完成了一些导入语句) 尝试退出当前的终端实例，并在一个新实例中运行应用程序

关于env-cmd。根据VMois在gitHub上的帖子，env-cmd已经更新(编写时版本为9.0.1)，环境变量将在你的React项目上工作如下:

"scripts": {
    "build:local": "env-cmd -f ./.env.production.local npm run build",
    "build:production": "env-cmd -f ./.env.production npm run build"
  }

在你的包裹里。json文件。

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

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

那份文件造成了混乱。

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

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

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

如果你想使用多个环境，比如。environment .development . environment .production

使用dotenv-cli包

添加.env.development和.env。项目根文件夹中的生产

还有package.json

"scripts": {
    "start": "react-app-rewired start",
    "build-dev": "dotenv -e .env.development react-app-rewired build",
    "build-prod": "dotenv -e .env.production react-app-rewired build",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test --env=jsdom",
    "eject": "react-scripts eject"   
},

然后根据环境来建造

npm run-script build-dev 

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

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