How to set React Custom Port like 3129

Question

My project is based on create-react-app. npm start or yarn start by default will run the application on port 3000 and there is no option of specifying a port in the package.json.

Possible duplicate of [How to specify a port to run a create-react-app based project?](https://stackoverflow.com/questions/40714583/how-to-specify-a-port-to-run-a-create-react-app-based-project) — Sanchit Bhatnagar, Jul 13 '18 at 08:06

score 14 · Accepted Answer · answered Jul 13 '18 at 08:00

Just update a bit in webpack.config.js:

devServer: {
    historyApiFallback: true,
    contentBase: './',
    port: 3000 // <--- Add this line and choose your own port number
  }

then run npm start again This will set the default port for that app to the on you specified

Alternatively: 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"

score 1 · Answer 2 · answered Nov 05 '18 at 10:35

1

With create react app, you can create a file called .env at the root level, and put the following code inside it :

PORT=3129

answered Nov 05 '18 at 10:35

Abhinav Manchanda

6,546
3
39
46

score 1 · Answer 3 · answered May 21 '20 at 18:52

1

Add .env file in source folder and add entry like below

PORT=9001

answered May 21 '20 at 18:52

krishna chandak

391
5
6

score -1 · Answer 4 · answered Jun 02 '20 at 06:10

-1

run this code

yarn start --port 30022

answered Jun 02 '20 at 06:10

OmidDarvishi

558
4
8

How to set React Custom Port like 3129

4 Answers4