How to change default localhost port for React App

Question

I downloaded the React App package from the link create-react-app. The default port it assigns is port:3000

How to Change this port to a custom port like 3002 or 3006 ?

score 47 · Accepted Answer · edited Jun 15 '18 at 05:40

47

modify part of package.json from:

"start": "react-scripts start"

for Linux and MacOS to:

"start": "PORT=3006 react-scripts start"

Windows to:

"start": "set PORT=3006 && react-scripts start"

edited Jun 15 '18 at 05:40

Dinesh undefined

answered Jun 15 '18 at 05:19

nishant

1

If you want a cross-platform solution, check out [cross-env](https://www.npmjs.com/package/cross-env) – suddjian Sep 10 '18 at 18:45
how do you explicitly add the local ip to open in firewall? – zero8 Jan 29 '19 at 04:45
7

put `PORT=5000` in the file called `.env` also works. – Valorad Apr 17 '20 at 01:17
@Valorad thanks your solution prevented me from adding the port to the script – TYMG Jun 09 '20 at 23:07

1 Answers1