一个 .env 变量正确返回，但另一个在同一文件中未定义答案

【问题标题】：One .env variable returns correctly but the other one is undefined in the same file一个 .env 变量正确返回，但另一个在同一文件中未定义
【发布时间】：2021-12-29 10:25:48
【问题描述】：

上下文：这是一个 React 应用程序，我想使用 .env 文件来存储与数据库相关的凭据。这可能会在未来发生变化，但由于某种原因我无法使其正常工作。

.env:

REACT_APP_FAUNA_API_KEY=**************** // returns fine if I console.log() it and I can also use it in the rest of the code
FAUNA_DB_ID=***************** // returns undefined

db.js：

import faunadb from "faunadb";

require("dotenv").config();

const client = new faunadb.Client({
  secret: process.env.REACT_APP_FAUNA_API_KEY,
  domain: "db.eu.fauna.com",
  port: 443,
  scheme: "https",
});
const q = faunadb.query;
console.log(process.env.FAUNA_DB_ID);
const databaseID = process.env.FAUNA_DB_ID;

export { client, q, databaseID };

【问题讨论】：

您确定undefined 不是来自您的console.log(process.env.ASD)？
@Reyno 哎呀，我被这个问题迷住了，我开始用不同的变量名进行测试，结果不小心留在了我复制的代码中。感谢您指出，不幸的是不是这样。
REACT_APP_FAUNA_API_KEY_KEY 还有一个额外的“KEY”。这只是 SO 问题或您的代码中的错字吗？
@ptpaterson 是的，错字，抱歉，今天似乎很漫长

标签： javascript reactjs dotenv faunadb

【解决方案1】：

对于 CRA 应用程序（根据 REACT_APP_FAUNA_API_KEY 变量进行猜测），只有以 REACT_APP_ 开头的环境变量才会暴露给前端

https://create-react-app.dev/docs/adding-custom-environment-variables/

如果将变量重命名为REACT_APP_FAUNA_DB_ID，它是否返回正确？

【讨论】：

谢谢，就是这样。不知何故，这段文件溜走了。