I can't access my environment variable in file.js

Question

I define REACT_APP_ADMIN_URL in my .envrc file, i want to use it as a component link, but i get only empty or undefined

This my environment variable, in file .envrc

REACT_APP_ADMIN_URL="http://127.0.0.1:8000/admin"

in file consts.js i make

export const ADMIN_URL = process.env.REACT_APP_ADMIN_URL;

and in my page i make this

import { ADMIN_URL } from './Consts';

<Menu href={ADMIN_URL}>Admin</Menu>

but doesnt work, in my inspector console i get this

<a href="#" role="menuitem" tabindex="-1">Admin</a>

Not sure if that is the problem, but I've never seen .envrc files in a Node project before, only .env ones. Maybe try to change the name ? — Ewaren
– Ewaren, Commented Oct 28, 2019 at 19:04

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

I think that you have to load the environment variables from the .env file on runtime, you can use dotenv package to do so.

Install the package using npm i dotenv
Create a .env file in the root directory of your project. Add environment-specific variables on new lines in the form of NAME=VALUE.
Put this line require('dotenv').config() before using the environment variables on your code.
process.env now has the keys and values you defined in your .env file

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Oct 28, 2019 at 19:05

MistaOS

2553 silver badges14 bronze badges

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

6 Comments

GustavoNogueira Over a year ago

sorry but how can i do that?

MistaOS Over a year ago

Updated the answer. please check it out.

GustavoNogueira Over a year ago

ok, but i get ERROR in ./node_modules/dotenv/lib/main.js Module not found: Error: Can't resolve 'fs' in '/Users/r13/dev/projects/educat-flask/node_modules/dotenv/lib'

MistaOS Over a year ago

Are you using it in the client side or the server side? what environment is it NodeJS?

GustavoNogueira Over a year ago

client side, Node.js v12.11.1.

|

Collectives™ on Stack Overflow

I can't access my environment variable in file.js

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related