Angular-cli: Executing "ng serve" or "npm start" command browser is not opening automatically

[deepaksibar]

1. OS?
   Window 7
2. Versions?
   angular-cli: 0.0.39
   node: 5.4.1
   os: win32 x64

I have generated a project using angular-cli by following steps given in installation section. Project is running right now. But i have to open browser manually by typing http://localhost:4200/ into browser.

Could it be possible like when user will execute "ng serve" or "npm start" command, browser will open automatically?

Please let me know if it is possible or give me any solution for this.

Thanks in advance.

-Deepak

[Trendy]

I don't think the intention is to open the browser automatically. When you visit the URL (http://localhost:4200) the browser should be refreshed automatically when changes occur in the code.

[filipesilva]

We don't have this functionality at the moment, no. But I'll leave the issue open as a 'nice to have'.

[Splaktar]

Yes, it would be nice to have this as an option.

[deepaksibar]

Thanks for response.
On 17-Jun-2016 6:24 am, "Filipe Silva" [email protected] wrote:

We don't have this functionality at the moment, no. But I'll leave the
issue open as a 'nice to have'.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/angular/angular-cli/issues/1081#issuecomment-226654711,
or mute the thread
https://github.com/notifications/unsubscribe/AQPGGMs-Ca05hHGeMFm_V1ZMdjVUvNFEks5qMfAngaJpZM4I1YYs
.

[kamran-pervaiz]

can we not use lite-server written by john papa to open the browser after ng server on inside ng serve

[deepaksibar]

There may be ambiguity between lite-server port and ng server port.

[ryburn52]

I don't think the intention is to open the browser automatically. When you visit the URL (http://localhost:4200) the browser should be refreshed automatically when changes occur in the code.

@Trendy I would consider them 2 different features. The way i have seen the Refresh work is that you hit your site, the site has some javascript injected into it that listens for a command to tell it that something changed then it reloads the page. This is different from when you start the app sending a command to launch a browser and navigate to the URL.

If you never navigated to the url of your app then there would be no code running to listen when something changed. I guess its still doable but then you would probably need a browser plugin to listen instead

[ghost]

You could just change what npm start does in the package.json.

E.g. change
"start": "ng serve"
to
"start": "start http://localhost:4201 & ng serve -port 4201"
(for windows)

See http://stackoverflow.com/a/35261624 for Mac/Linux equivalents.

Or you could use the following if you want a cross platform solution:
https://www.npmjs.com/package/open

[deepaksibar]

Thanks

On 18-Sep-2016 2:12 pm, "Chris Foster" [email protected] wrote:

You can just change what npm start does in the package.json.

E.g. change
"start": "ng serve"
to
"start": "start http://localhost:4201 & ng serve -port 4201"
(for windows)

See http://stackoverflow.com/a/35261624 for Mac/Linux equivalents.

Or you could use the following if you want a cross platform
https://www.npmjs.com/package/open

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/angular/angular-cli/issues/1081#issuecomment-247834897,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AQPGGLV_2xsh-qCSyJGUESUorsOuBj3dks5qrPldgaJpZM4I1YYs
.

[craigcosmo]

Guys can you consider browser option? Like open in chrome or firefox.

[rsprince]

I like having the app launch the first time in the browser, like using browserSync with Gulp.

Checked ng-cli documentation, it's #ng start -o

https://github.com/angular/angular-cli/wiki/serve

[arbimauday]

[EmmanuelDemey]

This behavior should definitely be available, but through an option.
Right now, you can maybe use the npm opn module ?

[kamlesh131986]

I have resolved issue. Issue is default browser. you can set browser help below image and run command ng serve --open.

[rsprince]

As I mentioned, the functionality is there. There are a bunch of options on the serve command. READ THE DOCUMENTATION:
ng serve --open
OR
ng serve -o

[neapi666]

Para que la ejecución sea automática es necesario ejecutar >ng serve -o

[davehoo]

ng serve --open doesn't open any browser nor a new tab in an open browser, nor open the URL in an existing tab. Chrome is my default Windows 7 Pro 64-bit browser.

The instructions say "Using the --open (or just -o) option will automatically open your browser on http://localhost:4200/.", so I'm not sure what's meant by "open", and I've never heard it to mean "refresh" (which sounds like a misnomer a non-IT person would use).

Has this command ever actually opened a browser or a new tab, or opened the URL in an existing tab? What is this option actually programmed to do?

[filipesilva]

@dhinged this command has worked for a while now, and it still seems to work as I've just tried it. I wonder why it doesn't work for you... for reference the library we use to open the browser is https://www.npmjs.com/package/opn.

[davehoo]

I apologize, trying it again today, it just took a while for the server to "boot up" but it did open a browser tab (after I'd opened it myself based on the instructions URL).

So basically I ran the command (either time), it looked like it was running, but there was no output for maybe 15 seconds so I figured it was just running. I then later noticed a ton of output from node, so I just need to wait. However it would be nice to initially see output saying "Starting up" or something indicating it's running but still processing.

Thanks for being there!

[kamok]

Just go into your package.json, and add the -o flag.
For example:
"start": "ng serve -o",
Now when you do npm start, it'll open up the browser window and right port for you and save you a few strokes on the keyboard.

[nirmalmohanty91]

after changing from "start": "ng serve" to "start": "ng serve -o", it worked for me.

[nitanshu1808]

Hi
I am not able to create angular js application(LINUX- UBUNTU 16) as every time i try to run it ng it opens a text editor in the terminal
--*-Mg: *scratch (fundamental)----All-----------------

Can anyone please help me in creating a angular js application in ubuntu.

[gcascbt]

Hi
i am unable to get any visible content display after connecting my app with angular2 firebase. its show blank page on the browser and successfully compiled

[rsprince]

Try debugging.
On Tue, Feb 27, 2018 at 10:25 AM gcascbt [e-mail] wrote:

Hi
i am unable to get any visible content display after connecting my app
with angular2 firebase. its show blank page on the browser and successfully
compiled
[image: error]
https://user-images.githubusercontent.com/22559469/36737172-ba96e318-1bda-11e8-8add-6b398855e037.png

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/angular/angular-cli/issues/1081#issuecomment-368915136,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AB3cJhwsDtjMMxwxKISqhcKfs-6wZyVwks5tZB57gaJpZM4I1YYs
.

[abhinandanmadaan]

Hi
I am not able to create angular js application(LINUX- UBUNTU 16) as every time i try to run it ng it opens a text editor in the terminal
--**-Mg: _scratch_ (fundamental)----All-----------------

Can anyone please help me in creating a angular js application in ubuntu.

I'm facing the same problem. Could you resolve the issue?

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}