create react app not picking up .env files?

by

With create react app, you need to prefix REACT_APP_ to the variable name. ex:

REACT_APP_API_URL=http://localhost:3000/api
REACT_APP_CALLBACK_URL=http://localhost:3005/callback

** Make sure your .env file is in the root directory, not inside src folder.

CRA Docs on Adding Custom Environment Variables:

Note: 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

More Related Contents:

  1. How to fix missing dependency warning when using useEffect React Hook
  2. How to specify a port to run a create-react-app based project?
  3. How do I hide API key in create-react-app?
  4. Template not provided using create-react-app
  5. Error: ‘node-sass’ version 5.0.0 is incompatible with ^4.0.0
  6. Line 0: Parsing error: Cannot read property ‘map’ of undefined
  7. Use custom build output folder when using create-react-app
  8. deploying create-react-app to heroku with express backend returns invalid host header in browser
  9. Error while creating new React app (“You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0)”)
  10. Blank page after running build on create-react-app
  11. Unable to create new react app with npx create-react-app
  12. Using `”homepage”` in package.json, without messing up paths for localhost
  13. How should I configure create-react-app to serve app from subdirectory?
  14. How do I hide an API key in Create React App?
  15. ‘TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received type undefined’
  16. How to avoid using relative path imports (/../../../redux/action/action1) in create-react-app
  17. Relative path in index.html after build
  18. react long press event
  19. How to use environment variables in Github Page?
  20. Create-React-App Proxy in Production Build
  21. combine react build output into single js file
  22. What is public/manifest.json file in create-react-app?
  23. How to set build .env variables when running create-react-app build script?
  24. create-react-app: how to use https instead of http?
  25. Disable ESLint that create-react-app provides
  26. Create-React-App build – “Uncaught SyntaxError: Unexpected token
  27. Cache busting with CRA React
  28. create-react-app is not working since version 4.0.1
  29. ‘React’ was used before it was defined
  30. ESLint Must use destructuring state assignment

Leave a Comment