.env file doesn't display custom environment variables

Question

I have a .env file set up in my project

But when i console.log it i can only see the following object

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

I tried using .env.local but the problem persists. I used create-react-app to bootstrap the react application

by default, you will not have access to env variables in client-side. read this — Suman Kundu
– Suman Kundu, Commented Jul 23, 2019 at 7:29

Raicuparta · Accepted Answer · 2019-07-23 07:28:56Z

2

All your custom environment variables need to have the prefix REACT_APP_.

Like this:

REACT_APP_GOOGLE_MAP_KEY = asdfdtgsg34qrgaerg

answered Jul 23, 2019 at 7:28

Raicuparta

2,11517 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kiranvj · Accepted Answer · 2019-07-23 07:29:25Z

0

You many be missing any one of this

The env file should be in your root (not in src)
the env variable name should be prefixed with REACT_APP_
You need to restart the server to reflect the changes.
After that you can access the variable like this process.env.REACT_APP_SOME_VARIABLE in your CRA app

answered Jul 23, 2019 at 7:29

kiranvj

34.2k8 gold badges75 silver badges81 bronze badges