not able to get .env variable value in react js

Question

when i tried to get the value from .env file, it says undefined, i have defined variable in .env API_URL, is there anything which i am missing in react js ? i am using dotenv npm, can anyone please help me how to resolve this issue ? here i have uploaded my code, any help will be really appreciated

const dotenv = require('dotenv');
const fs = require('fs');
alert(process.env.API_URL);

.env

API_URL=https://********/api/v1/

If its create react app with no webpack ejected, then env variables have to be prefixed with REACT_APP, so you should have REACT_APP_API_URL env variable and you do not need dotenv to get those variables. More info Create react app docs — Mikayel Saghyan
– Mikayel Saghyan, Commented Sep 24, 2020 at 13:41

Himanshu Singh · Accepted Answer · 2022-02-28 12:04:24Z

4

The two important things to remember when defining Environment Variables in your react project

Always reload your application after making a change to the .env file
Always prefix your variables with REACT_APP_

answered Feb 28, 2022 at 12:04

Himanshu Singh

1011 silver badge4 bronze badges

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

Comments

Veno · Accepted Answer · 2020-09-24 12:24:07Z

1

Check whether the .env file is in the root folder of working directory

As per the react documentation : You must create custom environment variables beginning with REACT_APP_. Any other variables except NODE_ENV will be ignored to avoid accidentally exposing a private key on the machine that could have the same name. Changing any environment variables will require you to restart the development server if it is running.

edited Sep 24, 2020 at 12:24

answered Sep 24, 2020 at 11:49

Veno

4453 silver badges15 bronze badges

3 Comments

Nikul Panchal Over a year ago

it is in root folder

Mikayel Saghyan Over a year ago

It is not React documentation but CRA documentation. React does not require REACT_APP prefix, it is CRA that requires the prefix. Your solution may work (if the app is CRA) but it is misleading, so please fix the issue in your answer.

Veno Over a year ago

I thought you started using create react app as Nikul Panchal said is what exactly i was trying to say!

Collectives™ on Stack Overflow

not able to get .env variable value in react js

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related