在 JS 中创建反应应用程序的 process.env 中未显示环境变量 - Shell-Bash

当你在创建 React 应用的时候，你可以通过在命令行中输入REACT_APP_前缀来设置环境变量。比如，如果你想要设置一个名为API_ENDPOINT的环境变量，你可以这样做：

REACT_APP_API_ENDPOINT=http://example.com/api npm start

在你的 React 应用中，你可以使用process.env.REACT_APP_API_ENDPOINT来访问这个环境变量的值。然而，有时候你可能会发现某个环境变量在 process.env 中未显示，这可能源于以下的原因：

1. 没有使用 REACT_APP_ 前缀

在环境变量中不包含 REACT_APP_ 前缀，那么这个环境变量就不会被 React 找到。因此，确保你的环境变量以 REACT_APP_ 前缀开头。

2. 没有重新启动应用程序

如果你在设置环境变量后没有重新启动应用程序，那么这些新的变量将不会被 process.env 读取。

3. 没有把环境变量添加到 .env 文件中

如果你将环境变量添加到 .env 文件中，而不是通过命令行中添加，那么你需要重新启动应用程序才能让这些环境变量出现在 process.env 中。

4. 没有将环境变量添加到您的 shell 中

你可以将环境变量添加到你的 shell 中，这样它们就可以在你的所有应用程序中使用。确保你正确地将环境变量添加到你的 shell 中，如果你使用的是Bash shell，可以将环境变量添加到~/.bashrc文件或者~/.bash_profile文件中。

以上是一些可能导致环境变量没有出现在 process.env 中的原因，总结一下：

• 以 REACT_APP_ 前缀开头
• 确保你已经重新启动了你的应用程序
• 把环境变量添加到 .env 文件中
• 确保在你的 shell 中添加了环境变量

希望这些解决方案能帮助到你！