BROWSER environment variable in react npm start does not select custom browser

Question

I created a react app with creact-react-app. I launch the app with npm start. If I create the .env file with

BROWSER=google-chrome-stable
PORT=4000

The port is correctly configured, but the default browser is always launched. No matter if I sorround the browser with single quotes, double quotes, no quotes, or if google-chrome-stable, firefox or chromium-browser is used. A npm start always launches the default browser.

I also tried launching in the command line with BROWSER or changind the start section of the poackage.json file nothing works.

Only BROWSER=none works.

I also checked several other SO posts, also reinstalled, etc. nothing seems to solve the issue.

Versions are:

ubuntu 20.04
node 16.13.1
npm 8.1.2
react 17.0.2
react-dom 17.0.2
react-scripts 5.0.0

any hints?

Thank you!

Were you able to find a solution for this?

m01010011
– m01010011

2022-03-23 07:40:46 +00:00
Commented Mar 23, 2022 at 7:40 — m01010011
– m01010011, Commented Mar 23, 2022 at 7:40

Konstantin Pelepelin · Accepted Answer · 2022-04-10 11:01:03Z

2

It's a bug.

There is a fix https://github.com/facebook/create-react-app/pull/11878 and some bug reports are referenced there.

answered Apr 10, 2022 at 11:01

Konstantin Pelepelin

1,6341 gold badge20 silver badges30 bronze badges

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

Comments

Elringus · Accepted Answer · 2022-12-27 12:49:30Z

2

Here is the workaround that worked for me until the cra bug is not fixed.

Add the following to package.json:

    "overrides": {
        "open": "7.4.2"
    }

Remove node_modules and package-lock.json
Run npm install

This requires npm-cli ver. 8.3 or later. For yarn use resolutions instead of overrides.

The .env file content that worked for me:

BROWSER=chrome

answered Dec 27, 2022 at 12:49

Elringus

68910 silver badges16 bronze badges

1 Comment

Lynob Over a year ago

As of today, this is the only solution that works on windows 11 as far as I tell.

Ivan Martinez · Accepted Answer · 2022-03-24 10:19:53Z

0

Just insert "chrome": "BROWSER='google chrome' react-scripts start" in the scriptssection of your package.json.

Then run npm chrome.

answered Mar 24, 2022 at 10:19

Ivan Martinez

212 bronze badges

Collectives™ on Stack Overflow

BROWSER environment variable in react npm start does not select custom browser

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related