grunt serve does not launch browser of serve on port 9000

unknown1337 commented 9 years ago

after running

mkdir project && cd $_ yo ionic project grunt serve

I get the message done without errors, execution time,.... completed in... waiting.

But, no browser is being opened & manually serving to http://localhost:9000 does not work. (in the gruntfile, the port, specified in grunt server settings is 9000).

output:

Running "serve" task

Running "wiredep:app" (wiredep) task

Running "clean:dist" (clean) task
>> 9 paths cleaned.

Running "clean:server" (clean) task
>> 0 paths cleaned.

Running "ngconstant:development" (ngconstant) task
Creating module config at app/scripts/configuration.js...OK

Running "wiredep:app" (wiredep) task

Running "concurrent:server" (concurrent) task

Running "copy:styles" (copy) task
Copied 2 files

Done, without errors.

Execution Time (2015-07-28 13:58:59 UTC)
loading tasks  16ms  █████████████████████████ 52%
copy:styles    15ms  ███████████████████████ 48%
Total 31ms

Running "copy:fonts" (copy) task
Copied 4 files

Done, without errors.

Execution Time (2015-07-28 13:58:59 UTC)
loading tasks  16ms  █████████████████████████ 52%
copy:fonts     15ms  ███████████████████████ 48%
Total 31ms

Running "copy:vendor" (copy) task

Done, without errors.

Execution Time (2015-07-28 13:58:59 UTC)
copy:vendor  16ms  █████████████████████████████████████████████████ 100%
Total 16ms

Running "autoprefixer:dist" (autoprefixer) task
Autoprefixer's process() method is deprecated and will removed in next major rel
ease. Use postcss([autoprefixer]).process() instead
File .temp/styles/main.css created.
Autoprefixer's process() method is deprecated and will removed in next major rel
ease. Use postcss([autoprefixer]).process() instead
File .temp/styles/style.css created.

Running "newer:copy:app" (newer) task

Running "copy:app" (copy) task
Created 88 directories, copied 346 files

Running "newer-postrun:copy:app:1:D:\Documents\programming\test8\node_modules\gr
unt-newer\.cache" (newer-postrun) task

Running "newer:copy:tmp" (newer) task

Running "copy:tmp" (copy) task
Copied 2 files

Running "newer-postrun:copy:tmp:2:D:\Documents\programming\test8\node_modules\gr
unt-newer\.cache" (newer-postrun) task

Running "concurrent:ionic" (concurrent) task
Running "ionic:serve" (ionic) task
Running "watch" task
Waiting...
Running live reload server: http://192.168.0.107:35729
Watching : [ 'www/**/*', '!www/lib/**/*' ]
Running dev server: http://192.168.0.107:8100
Ionic server commands, enter:
  restart or r to restart the client app from the root
  goto or g and a url to have the app navigate to the given url
  consolelogs or c to enable/disable console log output
  serverlogs or s to enable/disable server log output
  quit or q to shutdown the server and exit

ionic $
Done, without errors.

Execution Time (2015-07-28 13:59:03 UTC)
ionic:serve  4s  █████████████████████████████████████████████████ 100%
Total 4s

ionic version: 1.6.1 generator-ionic version: 2.11.2

danieldocki commented 9 years ago

in my case open in http://localhost:8100 and does not launch browser

danieldocki commented 9 years ago

@unknown1337 follow this https://github.com/diegonetto/generator-ionic/issues/223

unknown1337 commented 9 years ago

@danieldocki Thanks Daniel, #223 fixed the issue; the browser gets launched and the app is being loaded. I didn't expect these problems to be related. Maybe it's a good idea to refer to this problem in the quickstart?

unknown1337 commented 9 years ago

btw, live reload doesn't work as expected for me:

I change a file in the app directory and save the change;
the file change is detected by grunt, new files compiled;
new files placed in www directory;
ionic notices file changes in the www directory and reloads; but the reloaded app is always one change behind; so when i preform another change (add a space) and save this change, the previous change is visible.

circuitrider commented 9 years ago

+1

razbensimon commented 9 years ago

+1

same issue. thanks to @danieldocki. it works now. open browser and the application is up and running. but why is it on port 8100? it should be 9000 because of 'connect' config in the Gruntfile.json ...am I right?

thanks

skidvd commented 7 years ago

I am encountering this issue as well and following the steps in #223 does not appear to have any affect. I'm running grunt serve on a Ubuntu 16.04 LTS platform with Node version 6.10.2 , npm version 3.10.10, grunt version 0.4.1 and grunt-concurrent version 0.5.0 (but I also tried 1.0.0 with the same results). Running 'grunt serve' opens the browser (chrome in my case), but does not pass the url to the browser on startup. If I subsequently manually navigate to the url (http://localhost:9000), all works beyond that point. Here is the grunt serve output.

`Running "serve" task (node:4426) DeprecationWarning: process.EventEmitter is deprecated. Use require('events') instead.

Running "clean:server" (clean) task Cleaning .tmp...OK

Running "wiredep:app" (wiredep) task

Running "concurrent:server" (concurrent) task Running "copy:styles" (copy) task Copied 1 files (node:4432) DeprecationWarning: process.EventEmitter is deprecated. Use require('events') instead.

Done, without errors.

Execution Time (2017-04-17 15:50:03 UTC) loading tasks 8ms ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 33% copy:styles 15ms ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 63% Total 24ms

Running "autoprefixer:dist" (autoprefixer) task File .tmp/styles/main.css created.

Running "connect:livereload" (connect) task Started connect web server on http://localhost:9000

Running "watch" task Waiting... `

diegonetto / generator-ionic

grunt serve does not launch browser of serve on port 9000 #232