Breaking News: Grepper is joining You.com. Read the official announcement!

run react app in different port

Add Answer

Masrur Sakib answered on September 21, 2021 Popularity 10/10 Helpfulness 9/10

answer run react app in different port

related how to force react app to run with specific port

related react scripts run on another port

run react app in different port

Comment

PORT=3001 npm start

Popularity 10/10 Helpfulness 9/10 Language javascript

Source: stackoverflow.com

Tags: javascript port

Link to this answer
Share Copy Link

Contributed on Sep 21 2021

Masrur Sakib

0 Answers Avg Quality 2/10

Closely Related Answers

how to force react app to run with specific port

Comment

React/ReactJS: Change Port Number

// For Mac or linux
"scripts": {
  "start": "PORT=2000 react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test --env=jsdom",
  "eject": "react-scripts eject"
}

// for Windows
"scripts": {
  "start": "set PORT=3006 && react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test --env=jsdom",
  "eject": "react-scripts eject"
}

// But better option is 
// Add a .env file to your root folder. In it, just write:

PORT=<YOUR_PORT>.

`This way is better, since you don't have to account for all operating systems. It will just work for all of them because of the way create-react-app works.`

Modifying package.json

If your app is created via npx create-react-app, you will find the scripts property in your package.json file.

Popularity 9/10 Helpfulness 7/10 Language javascript

Source: scriptverse.academy

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Mar 07 2023

Gorgeous Gannet

0 Answers Avg Quality 2/10

react scripts run on another port

Comment

1) Edit package.json
2) Add: PORT=<CUSTOM_PORT>
  "scripts": { "start": "PORT=3001 react-scripts start", ... }

// ΕΛΛΗΝΙΚΑ: (In greek)
1) Ανοίξτε το αρχείο: package.json
2) Προσθέστε το PORT=<CUSTOM_PORT> στο start script
  "scripts": { "start": "PORT=3001 react-scripts start", ...}

Popularity 9/10 Helpfulness 6/10 Language typescript

Source: Grepper

Tags: port react-scripts react

Link to this answer
Share Copy Link

Contributed on Jun 21 2023

KostasX

0 Answers Avg Quality 2/10

run react app in different port

Contents

More Related Answers

run react app in different port

Closely Related Answers

how to force react app to run with specific port

react scripts run on another port

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.