Repository navigation
Executing "ng serve" or "npm start" command browser is not opening automatically #1081
Description
- OS?
Window 7 - 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
Activity
Trendy commentedon 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 commentedon Jun 17, 2016
We don't have this functionality at the moment, no. But I'll leave the issue open as a 'nice to have'.
Splaktar commentedon Jun 18, 2016
Yes, it would be nice to have this as an option.
deepaksibar commentedon Jun 18, 2016
Thanks for response.
On 17-Jun-2016 6:24 am, "Filipe Silva" notifications@github.com wrote:
kamran-pervaiz commentedon Jun 23, 2016
can we not use lite-server written by john papa to open the browser after ng server on inside ng serve
deepaksibar commentedon Jun 27, 2016
There may be ambiguity between lite-server port and ng server port.
rburnham52 commentedon Jul 6, 2016
@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
deepaksibar commentedon Sep 18, 2016
Thanks
On 18-Sep-2016 2:12 pm, "Chris Foster" notifications@github.com wrote:
feat(serve): implement open browser option
feat(serve): implement open browser option
feat(serve): implement open browser option
feat(serve): implement open browser option
10 remaining items
kamlesh131986 commentedon Jun 20, 2017
I have resolved issue. Issue is default browser. you can set browser help below image and run command ng serve --open.
rsprince commentedon Jun 20, 2017
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 commentedon Aug 26, 2017
Para que la ejecución sea automática es necesario ejecutar >ng serve -o
davehoo commentedon Sep 28, 2017
ng serve --opendoesn'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 commentedon Oct 2, 2017
@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 commentedon 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 commentedon Oct 16, 2017
Just go into your
package.json, and add the-oflag.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 commentedon Jan 18, 2018
after changing from "start": "ng serve" to "start": "ng serve -o", it worked for me.
nitanshu1808 commentedon Feb 13, 2018
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 commentedon 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
rsprince commentedon Feb 27, 2018
abhinandanmadaan commentedon Mar 18, 2019
I'm facing the same problem. Could you resolve the issue?
angular-automatic-lock-bot commentedon Sep 9, 2019
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.
feat(serve): implement open browser option