设置好环境变量后，必须再次运行npm start。这就是我所缺少的部分。在自动重新加载时，.env变量不会更新。

如果你得到的值是未定义的，那么你应该考虑重新启动Node.js服务器并重新编译。

1. 在根文件夹上创建.env文件

有些源代码更喜欢使用.env.development和.env。生产，但这不是强制性的。

2. 变量的名称必须以REACT_APP_YOURVARIABLENAME开头

似乎如果您的环境变量不是这样开始的，您就会遇到问题。

3.包括你的变量

要包含环境变量，只需输入process.env。代码中的REACT_APP_VARIABLE。

您不必安装任何外部依赖项

Install dotenv as devDependencies: npm i --save-dev dotenv Create a .env file in the root directory: my-react-app/ |- node-modules/ |- public/ |- src/ |- .env |- .gitignore |- package.json |- package.lock.json. |- README.md Update the .env file like below & REACT_APP_ is the compulsory prefix for the variable name. REACT_APP_BASE_URL=http://localhost:8000 REACT_APP_API_KEY=YOUR-API-KEY [ Optional but Good Practice ] Now you can create a configuration file to store the variables and export the variable so can use it from others file. For example, I've create a file named base.js and update it like below: export const BASE_URL = process.env.REACT_APP_BASE_URL; export const API_KEY = process.env.REACT_APP_API_KEY; Or you can simply just call the environment variable in your JS file in the following way: process.env.REACT_APP_BASE_URL

每个人都没有定义的解决方案是把你的。env文件放在根目录，例如:

项目名称/ src .env

不要在src文件夹中创建它。在应用程序的根目录中创建它。

它认为你在src文件夹中创建了文件，因为我也只在那里创建了它…然后我才意识到这是错误的，所以我在src的外部创建了.env文件。它会起作用的。

你必须安装npm install env-cmd

在根目录中创建.env并像这样更新& REACT_APP_是变量名的强制前缀。

REACT_APP_NODE_ENV="production"
REACT_APP_DB="http://localhost:5000"

更新package.json

  "scripts": {
    "start": "env-cmd react-scripts start",
    "build": "env-cmd react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }