Create React App: how to get final port dev-server running on

Question

From https://facebook.github.io/create-react-app/docs/advanced-configuration you can provide your own script to BROWSER environment variable.

On this script, I want to open link to some other page, with a query parameter to redirect to port the dev-server is running on localhost.

Even if I do BROWSER=open.js PORT=4000 npm run start, port 4000 may be taken, which is what choosePort from https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/scripts/start.js#L87 does; it finds the first port available around the provided port.

My question is this: given my open.js, how can I find the actual PORT the dev-server is running on?

Kousha · Accepted Answer · 2019-08-13 16:41:36Z

1

I found that that the process.argv does in fact contain the URL (with port) of your dev-server.

console.log(process.argv)

Provides:

[ '/usr/local/bin/node',
  '/path/to/my/custom/openBrowser.js',
  'http://localhost:3000/' ]

answered Aug 13, 2019 at 16:41

Kousha

36.7k60 gold badges191 silver badges318 bronze badges

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

Comments

Jakub Słowikowski · Accepted Answer · 2021-08-08 08:20:12Z

0

To get current port you can use:

console.log(window.location.port)

window.location also provides more useful information.

answered Aug 8, 2021 at 8:20

1,6232 gold badges14 silver badges16 bronze badges

Not going to work - I'm asking how to get the port on the server, not the browser.