Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Executing "ng serve" or "npm start" command browser is not opening automatically #1081

Closed
deepaksibar opened this issue Jun 14, 2016 · 26 comments · May be fixed by vutting4221/angular-cli#99 or dizzydaizy/angular-cli#206
Labels
P5 The team acknowledges the request but does not plan to address it, it remains open for discussion

Comments

@deepaksibar
Copy link

  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
Copy link

Trendy commented Jun 14, 2016

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
Copy link
Contributor

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

@filipesilva filipesilva added type: enhancement P5 The team acknowledges the request but does not plan to address it, it remains open for discussion labels Jun 17, 2016
@Splaktar
Copy link
Member

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

@deepaksibar
Copy link
Author

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
#1081 (comment),
or mute the thread
https://github.com/notifications/unsubscribe/AQPGGMs-Ca05hHGeMFm_V1ZMdjVUvNFEks5qMfAngaJpZM4I1YYs
.

@kamran-pervaiz
Copy link

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

@deepaksibar
Copy link
Author

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

@rburnham52
Copy link

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
Copy link

ghost commented Sep 18, 2016

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
Copy link
Author

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
#1081 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AQPGGLV_2xsh-qCSyJGUESUorsOuBj3dks5qrPldgaJpZM4I1YYs
.

dzonatan added a commit to dzonatan/angular-cli that referenced this issue Oct 3, 2016
dzonatan added a commit to dzonatan/angular-cli that referenced this issue Oct 3, 2016
dzonatan added a commit to dzonatan/angular-cli that referenced this issue Oct 7, 2016
dzonatan added a commit to dzonatan/angular-cli that referenced this issue Oct 7, 2016
dzonatan added a commit to dzonatan/angular-cli that referenced this issue Oct 10, 2016
JJayet pushed a commit to JJayet/angular-cli that referenced this issue Oct 14, 2016
Brocco pushed a commit that referenced this issue Oct 19, 2016
texel pushed a commit to splice/angular-cli that referenced this issue Nov 3, 2016
@craigcosmo
Copy link

craigcosmo commented Feb 22, 2017

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

@rsprince
Copy link

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
Copy link

error ang

@EmmanuelDemey
Copy link
Contributor

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

@kamlesh131986
Copy link

kamlesh131986 commented Jun 20, 2017

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

image

@rsprince
Copy link

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
Copy link

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

@davehoo
Copy link

davehoo commented Sep 28, 2017

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
Copy link
Contributor

@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
Copy link

davehoo commented Oct 8, 2017

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
Copy link

kamok commented Oct 16, 2017

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
Copy link

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

@nitanshu1808
Copy link

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
Copy link

gcascbt commented Feb 27, 2018

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
error

@rsprince
Copy link

rsprince commented Feb 27, 2018 via email

@abhinandanmadaan
Copy link

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
Copy link

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.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 9, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
P5 The team acknowledges the request but does not plan to address it, it remains open for discussion
Projects
None yet