App is not launching in browser


#1

Hello All,

I am beginner in ionic and i have installed ionic 3 blank template app. And then i try to run the app by ionic serve command it can’t open in web browser and just output like below.

output :

Starting app-scripts server: --address 0.0.0.0 --port 8100 --livereload-port
35729 --dev-logger-port 53703 --nobrowser - Ctrl+C to cancel
[17:49:50] watch started …
[17:49:50] build dev started …
[17:49:50] clean started …
[17:49:50] clean finished in 6 ms
[17:49:50] copy started …
[17:49:50] deeplinks started …
[17:49:50] deeplinks finished in 42 ms
[17:49:50] transpile started …
[17:50:00] transpile finished in 9.70 s
[17:50:00] preprocess started …
[17:50:00] preprocess finished in 1 ms
[17:50:00] webpack started …
[17:50:00] copy finished in 10.04 s
[17:50:10] webpack finished in 10.31 s
[17:50:10] sass started …
[17:50:12] sass finished in 2.04 s
[17:50:12] postprocess started …
[17:50:12] postprocess finished in 12 ms
[17:50:12] lint started …
[17:50:12] build dev finished in 22.28 s
[17:50:13] watch ready in 22.42 s
[17:50:13] dev server running: http://localhost:8100/

[OK] Development server running!
Local: http://localhost:8100
External: http://192.168.1.101:8100
DevApp: ionic-demo@8100 on admin-PC

Environment Information :

cli packages: (C:\Users\admin\AppData\Roaming\npm\node_modules)

@ionic/cli-utils  : 1.18.0
ionic (Ionic CLI) : 3.18.0

global packages:

cordova (Cordova CLI) : 7.1.0

local packages:

@ionic/app-scripts : 3.1.2
Cordova Platforms  : none
Ionic Framework    : ionic-angular 3.9.2

System:

Node : v8.9.1
npm  : 5.5.1
OS   : Windows 7

Environment Variables:

ANDROID_HOME : not set

Misc:

backend : pro

Please Please all ionic masters provide me your best ideas to run my app.


#2

try: npm run ionic:serve


#3

Thanks a lot @ahmadklsany

can you please tell me where is my mistake because i almost spend 5-6 to hours behind this issue. :handshake:


#4

What is the exact command you are executing in the command line?

This indicates you tell the CLI somehow to not open a browser window.
Can you open http://localhost:8100 manually in the browser to see your app?


#5

@Sujan12 i have try to open it manually but it cant works for me as you are suggesting. but as solution given by @ahmadklsany to run command npm run ionic:serve its works for me.

Thanks @Sujan12 for your suggestion.


#6

you just saved my day thank you


#7

your welcome :smiley:


#8

HI
First app which I tested, worked fine, then I tried to make new apps but it doesn’t work any more.
The app will built but when I run ionic serve OR npm run ionic:serve it doesn’t work, however when I type localhost:8100 OR http://localhost:8100/ionic-lab#, It show me the first app
how could I run the second app


#9

You could try using the -p command option to choose a different port.


#10

Thank you ahmadklsany :slight_smile: