。env常量在React项目中不可读

Question

我在尝试在React应用程序中获取.env文件的常量时遇到问题。我的应用程序结构非常基本：

my-react-app/
|- .env
|- .gitignore
|- .prettierrc
|- node-modules/
|- public/
|- src/
   |- Base.js
   |- App.js
|- package.json
|- yarn.lock
|- README.md

我正在使用react-scripts版本“ 3.2.0”

.env看起来像这样：

# .env
# Auto-logout values
REACT_APP_LOGOUT_PERIOD_MINS=15 

[Base.js文件看起来像这样：

require('dotenv').config({ path: '../.env' })
console.log(process.env)

export const LOGOUT_PERIOD_MINS = process.env.REACT_APP_LOGOUT_PERIOD_MINS

我从console.log()中的Base.js呼叫中得到的是：

{NODE_ENV: "development", PUBLIC_URL: ""}

我尝试将Base放在根目录内，这出错了，因为它在src之外。我尝试过path配置设置，也可以不使用。我在做什么错？

Answer 1

我认为您不需要在CRA中要求dotenv，如果没有它，它应该可以工作。显式导入它并设置路径可能会覆盖默认的CRA .env设置。