将变量添加到 .env 文件并在我的前端获得未定义

Question

我正在尝试向我的 .env 文件中添加一个变量， 所以这是我遵循的步骤 1-我在项目的根目录下，src目录下创建了一个.env文件 2-我添加了这个变量

REACT_APP_BASE_URL='lablabla'

3- 我试图从同一目录中的 app.tsx 访问它（我在整个应用程序中使用 TS）

 console.log("lol: ", process.env.REACT_APP_BASE_URL)

我在我的控制台上得到 undefined

我尝试过的事情：

我尝试安装 dotenv 并使用

require('dotenv').config()

我 运行 遇到了很多问题，所以我决定删除它，因为我了解到它已经与 React 应用程序一起开箱即用

Answer 1

under the src directory 2- I added this variable

你这是什么意思？

在根目录下创建.env文件。 添加此内容

REACT_APP_BASE_URL='My-content'

在App.jsx这样搞定

console.log(process.env.REACT_APP_BASE_URL);

使用前缀 REACT_APP_ 启动你的环境变量很重要，一旦你修改它重新加载开发服务器。