React 应用程序无法访问 root 的 env 文件答案

【问题标题】：React app unable to access root's env fileReact 应用程序无法访问 root 的 env 文件
【发布时间】：2020-07-04 16:00:41
【问题描述】：

上下文： - MERN堆栈应用程序 - 部署到 Heroku - 使用create-react-app 创建的 React 应用

这是我的文件夹结构：

folder structure

在我的服务器app.js 中，我可以通过这样的要求访问.env 变量：require('dotenv').config({ path: '../.env' });

我正在尝试访问我的 React 应用程序上的 env 变量，但我似乎无法访问根 .env 文件中的变量，而且我似乎无法在 React 中为 .类似server/app.js的环境。

我可以让它读取任何.env 变量值的唯一方法是将.env 文件移动到client 目录，所以我现在的解决方法是将.env 移动到我的客户端目录和更新我服务器中的代码以要求它：require('dotenv').config({ path: '../client/.env' });

此解决方法可以解决此问题，但是否有更好的方法/最佳实践允许 .env 文件位于根文件夹中？

我需要弹出 create-react-app 并设置一些自定义配置吗？

更多信息：

我的本地 .env 文件包含：

REACT_APP_API_URL=http://localhost:5000

我的客户端/package.json 脚本：

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

【问题讨论】：

嗨，Sabrina，您发现 .env 文件问题了吗？我在同一条船上。谢谢。

标签： reactjs heroku webpack environment-variables mern

【解决方案1】：

对不起，小姐明白你的问题了。

在create-react-app 中，您不必要求 dotenv 模块，参考：https://create-react-app.dev/docs/adding-custom-environment-variables/

你确定你的本地环境是development？

【讨论】：

哦，对不起，如果我不是很清楚。我的 Heroku 配置中确实指定了我的环境变量。手头的问题是让我的本地 React 应用程序访问 .env 文件。
嗨，Sabrina，您发现 .env 文件问题了吗？我在同一条船上。谢谢。
我也有同样的问题...你解决了吗？