在Reactjs中未定义的环境变量

huangapple go评论58阅读模式
英文:

undefined environment variables in Reactjs

问题

我是React新手,想在我的应用程序中使用环境变量。我尝试了许多网上的解决方案,但都没有成功,所以这是我的配置:
我在根目录下创建了一个process.env文件,并在这个文件中初始化了我的变量,如下所示:

REACT_APP_SERVICE_ID=密钥1
REACT_APP_TEMPLATE_ID=密钥2
REACT_APP_API_KEY=密钥3

然后我在组件中这样调用它们:

const serviceId = process.env.REACT_APP_SERVICE_ID;
const templateId = process.env.REACT_APP_TEMPLATE_ID;
const public_key = process.env.REACT_APP_API_KEY;

但当我将它们记录下来时,控制台显示undefined。我还尝试了使用dotenv-webpack,但也不起作用。

英文:

I am new to React and I want to use Evironment Variables in my App. I tried out many solutions from the web but nothing worked out so here is my configuration:
i created a process.env file in my root directory and inside this file I initialized my variables like this:

REACT_APP_SERVICE_ID=key
REACT_APP_TEMPLATE_ID=key_2
REACT_APP_API_KEY=key_3

after I called them in my component like so:

const serviceId = process.env.REACT_APP_SERVICE_ID;
const templateId = process.env.REACT_APP_TEMPLATE_ID;
const public_key = process.env.REACT_APP_API_KEY;

but when i log them, the console shows undefined. I also tried out using dotenv-webpack , even that doesn't work.

答案1

得分: 1

将文件名从process.env改为.env

英文:

rename the filename from process.env to .env

huangapple
  • 本文由 发表于 2023年4月7日 03:30:44
  • 转载请务必保留本文链接:https://go.coder-hub.com/75953126.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定