How can I get .env variables with "Create-React-App --template typescript"?

Question

I can't seem to load .env variables using create-react-app --template=typescript and am not sure what I'm missing. How can I fix it? The process.env.REACT_APP_GRAPHQL variable is undefined and process.env just returns an empty object.

I am using "react-scripts": "3.4.1"

Does this answer your question? How to set build .env variables when running create-react-app build script? — Jared Smith
– Jared Smith, Commented Dec 18, 2020 at 15:25
You have to actually create a .env file that defines them. This covered extensively in the documentation, and a quick google search came up with dozens of tutorials. — Jared Smith
– Jared Smith, Commented Dec 18, 2020 at 15:26
nvm I just saw your self answer. Which is fine, but please update the question as well. — Jared Smith
– Jared Smith, Commented Dec 18, 2020 at 15:27

Shayan · Accepted Answer · 2020-12-18 15:19:07Z

0

You can find the complete answer in the create-react-app docs about environment variables.

answered Dec 18, 2020 at 15:19

Shayan

3375 silver badges13 bronze badges

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

Comments

Peter Mortensen · Accepted Answer · 2023-12-12 19:29:38Z

0

It was a false flag. I found out Visual Studio Code was trying to be smart and auto-imported module "process" at the top which overwrote the actual process.env variables being sent through.

I just had to remove the "process" module to fix things. I didn't even notice it being imported.

edited Dec 12, 2023 at 19:29

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Dec 18, 2020 at 15:23

Josh Bedo

114 bronze badges

Collectives™ on Stack Overflow

How can I get .env variables with "Create-React-App --template typescript"?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related