how to open non default browsers when doing npm start for a react project

Question

I have a react project that I am running using npm. When I do npm start, it launches on my default browser:- google chrome.

I would like to launch on firefox, safari and internet explorer for manual testing. I prefer don't making changes to package.json due to one time use.Any ideas on how to go about?

Specs

node -p process.arch: x64

node -p process.platform: darwin

npm info react version 16.4.0

macOS 10.13.4 (17E199)

Can you post what your package.json looks like?

Paul
– Paul

2018-06-04 18:53:11 +00:00
Commented Jun 4, 2018 at 18:53 — Paul
– Paul, Commented Jun 4, 2018 at 18:53
try update packages: npm update

user1912383
– user1912383

2018-10-25 09:29:17 +00:00
Commented Oct 25, 2018 at 9:29 — user1912383
– user1912383, Commented Oct 25, 2018 at 9:29

palerdot · Accepted Answer · 2019-01-21 06:36:02Z

10

Create an environment file .env at the root of the project directory and add following entry

BROWSER=firefox

For a complete list of .env file configuration, you can check here - https://facebook.github.io/create-react-app/docs/advanced-configuration

answered Jan 21, 2019 at 6:36

palerdot

7,6625 gold badges45 silver badges47 bronze badges

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

Comments

Murilo Cruz · Accepted Answer · 2018-06-04 18:59:36Z

3

As I read on the script that runs when you run npm start, you may set an environment variable called BROWSER before running the npm start

For example (on linux):

(export BROWSER=firefox;  npm start)

also, you may open the browsers after starting:

npm start &
firefox http://localhost:3000
safari http://localhost:3000

Save it to a something.sh and run this shell script. If you are on windows, you may do something similar on .bat script

answered Jun 4, 2018 at 18:59

Murilo Cruz

2,5711 gold badge19 silver badges19 bronze badges

Comments

kunalkamble · Accepted Answer · 2018-06-04 19:14:14Z

2

you can install global node package called opn-cli then you can run the command. https://www.npmjs.com/package/opn-cli

Sample command:

npm start & opn http://localhost:4200 -- firefox & opn http://localhost:4200 -- chrome

answered Jun 4, 2018 at 19:14

kunalkamble

2942 silver badges3 bronze badges

Comments

BiswajitPaloi · Accepted Answer · 2022-11-18 10:12:51Z

0

First Install This:-

npm install --save cross-env

Than and update package.json file scripts only :-

Old

"scripts": {
   "start": "cross-env BROWSER=none react-scripts start",
   "build": "react-scripts build",
   "test": "react-scripts test",
   "eject": "react-scripts eject"

},

Update

"scripts": {
    "start": "cross-env BROWSER=none react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

answered Nov 18, 2022 at 10:12

BiswajitPaloi

6416 silver badges17 bronze badges

Collectives™ on Stack Overflow

how to open non default browsers when doing npm start for a react project

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related