Reactjs 不读取 .env 文件

Question

你好，我用 firebase 创建了一个网络应用程序我的 .env 文件不工作

这是我在 firebase.js

中的代码

// Your web app's Firebase configuration
const firebaseConfig = {
    apiKey: process.env.AUTH_KEY,
    authDomain: process.env.AUTH_DOMAIN,
    projectId: process.env.PROJECT_ID,
    storageBucket: process.env.STORAGE_BUCKET,
    messagingSenderId: process.env.MESSENGING_SENDER_ID,
    appId: process.env.APPLE_ID
};

这是我的 .ENV 代码

API_KEY=Axxxxxxxxxxxxxxxxxxxxxxxxxx
AUTH_DOMAIN=xxxxxxxxxxxx
PROJECT_ID=xxxxxxxxxxx
STORAGE_BUCKET=mxxxxxxxxxx
MESSENGING_Sxxxxxxxxxxxxxxxxxxxxx
APPLE_ID=1:3xxxxxxxxxxxxxxxxxxx

这是我的 .env 所在的位置

伙计们能解释一下为什么我的 .env 没有在我的反应中读取吗？我在堆栈溢出中搜索任何问题，但我遇到的同样问题是 laravel 我不使用 laravel 我使用 React JS

Answer 1

在 React 应用程序中，您的所有环境都应以 REACT_APP_

开头

More Info

Reactjs 不读取 .env 文件

Reactjs does not read .env files

reactjs

firebase

environment-variables