时间戳

首页 > 解决方案 > process.env.API_KEY 未定义

reactjs - process.env.API_KEY 未定义

问题描述

我正在使用 firebase 构建一个小型应用程序来做出反应。我尝试将我的 firebase api 密钥API_KEY=somekey放在根文件夹中的 .env 文件中，但是当我使用 process.env.API_KEY 时，浏览器控制台中出现错误，如下图所示。

在此处输入图像描述

但是，我已在 .env 中正确复制了我的 api-key。还有什么问题？

在我使用 process.env.API_KEY 之前，是否需要在 package.json 中进行任何配置？

标签： reactjsfirebasedotenv

解决方案

如果您使用的是 webpack，请尝试更改 webpack 配置。在这里查看文档

const webpack = require("webpack");
const config = require("dotenv").config();

module.exports = {
  // some config
  plugins: [
    new webpack.EnvironmentPlugin(config.parsed),
  ],
};

或者

您可以使用此处建议的步骤

您的项目可以使用在您的环境中声明的变量，就好像它们是在您的 JS 文件中本地声明的一样。默认情况下，您将为您定义 NODE_ENV，以及任何其他以 REACT_APP_ 开头的环境变量。

推荐阅读