CODEWITHSUNDEEP
reactjsconfigurationcreate-react-app
GSP KS
GSP KS

Reputation: 2053

How to disable open browser in CRA?

I've created a React app using create-react-app but whenever I start the dev server (using npm start), it opens up my browser. I want to make it so that it doesn't open my browser whenever I start my dev server.

How can I accomplish this?

Upvotes: 179

Views: 65317

Answers (5)

Frank Garcia
Frank Garcia

Reputation: 339

For Windows you can edit/create a script in package.json like this one. There must be no blank before the &&:

"start": "set BROWSER=none&& react-scripts start"

For Linux based OS, just delete the "set" and the "&&" and it will work:

"start": "BROWSER=none react-scripts start"

Upvotes: 23

mdabrowski
mdabrowski

Reputation: 76

If you have InteliJ IDEA you can also on the top right menu click your npm start and Edit Configurations, then in the Environment write:

BROWSER=none

Of course it will be right there only if you clicked on it in package.json at least once.

Upvotes: 2

user9441203
user9441203

Reputation:

Create .env file in the root directory where your package.json file resides. And add the following:

BROWSER=none

Now run npm start.

Upvotes: 299

Benjamin Atkin
Benjamin Atkin

Reputation: 14725

I suggest doing it at the command level, so you don't have to change any files that get committed.

BROWSER=none npm start

You can add an alias for this to your shell's configuration:

alias myapp-start='cd /path/to/myapp && BROWSER=none npm start'

Upvotes: 10

Bassem
Bassem

Reputation: 4050

Add BROWSER=none to your npm start script in your package.json file, like this:

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

Check out the CRA documentation for more configuration and environment variable options:

https://create-react-app.dev/docs/advanced-configuration/

Update/Troubleshooting:

In case you're having a 'BROWSER' is not recognized as an internal or external command, operable program or batch file error: do an npm install of cross-env: 

npm install --save cross-env

Then, add cross-env BROWSER=none to your start script

"start": "cross-env BROWSER=none react-scripts start",

Upvotes: 109

Related Questions