Can't load environment variables from .env file

huynhnamdo · June 8, 2021, 3:23am

Hi, I am doing my web app using create-react-app and Auth0 for my login/logout functionality. However, I run into a problem when I have to load the domain and clientId from the .env file. I console log them and both of them are undefined. When I replace “process.env.REACT_APP_AUTH0_DOMAIN” and “process.env.REACT_APP_AUTH0_CLIENT_ID” with actual strings value, everything works.

Can anyone tell me why this happened and how to fix this kind of issue in order for it to use the .env file properly? Thank you

dan.woda · June 8, 2021, 7:55pm

Hi @huynhnamdo,

Welcome to the Community!

In our react samples we use a json file for the configuration variable. You could try switching to this type of setup. Here is an example of the config file.

github.com

auth0-samples/auth0-react-samples/blob/master/Sample-01/src/auth_config.json.example

{
  "domain": "{DOMAIN}",
  "clientId": "{CLIENT_ID}",
  "audience": "{API_IDENTIFIER}"
}

huynhnamdo · June 9, 2021, 2:09am

@dan.woda Thank you for your help

system · June 24, 2021, 2:10am

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.