Using dotenv gives undefined

Description After setting up .env file and installed dotenv still cant find variables and get undefined.

Expected behavior

• add .env file with config in root
• npm install --save dotenv
• import dotenv using require(‘dotenv’).config(); or ES6 syntax in index.js file
• use process.env.REACT_APP_REST_API_LOCATION to set an state in my react app

Actual behavior

using the above step i get undefined both in my console.log aswell in the fetches were i want to use it.

i got my envVars.env file with the line REACT_APP_REST_API_LOCATION=http://localhost:8080

and import the dotenv config in my App.js as

require('dotenv').config();

i have tried setting the require in most places in my application with same result.

Enviroment npm: 6.0.1 react-scripts: 1.1.4 dotenv: 5.0.1 node: 6.10.3 OS: Windows 10

Packages (wanted => installed) react: ^16.2.0 => 16.3.2 react-dom: ^16.2.0 => 16.3.2 react-scripts: ^1.1.4 => 1.1.4

[sanjesh]

If you have installed dotenv remove it from your package.json. create a .env.development (fileName starts with “.” ) add property REACT_APP_REST_API_LOCATION=http://localhost:8080 try to access it using process.env.REACT_APP_REST_API_LOCATION

[GeorgeBelanger]

Wanted to add that you might have to run npm build because “It works by actually replacing strings at build-time, not run-time. So each build of your application will have the values hard-coded into it.” and also add REACT_APP_ to the front of any variables.