create react app default port env

Question

I'm trying to change the default port being used by create react app. If I use "start": "PORT=4000 react-scripts start" and restart the server, it works fine. But using "start": "process.env.REACT_APP_PORT react-scripts start" returns undefined. My .env.development file has REACT_APP_PORT=4000 and I can console log the port from index.js, so it does seem to be set OK at that point

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

5

process.env.PORT will start the app on the desired port (current CRA version is 1.1.4 at the time of this response)

Hence in your env file

.env

# Works
  PORT=4000
# Won't Work
  REACT_APP_PORT=4000

This is because PORT is used by webpack (in CRA) at build time and not by React at run time.

A list of variables NOT requiring the REACT_APP prefix can be found here

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jun 20, 2018 at 5:38

Verric

1,0943 gold badges11 silver badges19 bronze badges

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

1 Comment

Zach Smith Over a year ago

Thank you - that wouldn't have been very easy to figure out !

Collectives™ on Stack Overflow

create react app default port env

1 Answer 1

.env

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

.env

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related