14

i was trying to use live reload on my ionic 2 application. so i found this command

ionic run browser --live-reload

is not working as expected and while making code changes i am receiving console messages

[16:12:47]  build started ...
[16:12:47]  transpile update started ...
[16:12:47]  transpile update finished in 46 ms
[16:12:47]  deeplinks update started ...
[16:12:47]  deeplinks update finished in 248 ms
[16:12:47]  webpack update started ...

but the page isn't reloading

manish kumar
  • 4,412
  • 4
  • 34
  • 51
  • the syntaxis is `ionic run browser --livereload`. If it doesnt work, check the workarounds at https://github.com/driftyco/ionic-cli/issues/790 – Pablo Albaladejo May 25 '17 at 12:07
  • i tried `ionic run browser --livereload` but the same behavior. **P.S. there isnt any workaround mentioned on that page** – manish kumar May 25 '17 at 12:43
  • **workaround**: after the change, wait until when the console shows the file changed and then rsync -rtv www/ platforms/browser/www or run another file watcher: fswatch -r www/ | xargs -I % rsync -rtv www/ platforms/browser/www **workaround 2** ./node_modules/.bin/ionic-app-scripts serve --sourceMap source-map --iscordovaserve --wwwDir platforms/browser/www/ --buildDir platforms/browser/www/build – Pablo Albaladejo May 25 '17 at 12:55

6 Answers6

25

i found the solution on the github page

include a script in the package.json file

"browser": "ionic-app-scripts serve --sourceMap source-map --iscordovaserve --wwwDir platforms/browser/www/ --buildDir platforms/browser/www/build"

and run 

npm run browser
manish kumar
  • 4,412
  • 4
  • 34
  • 51
  • `ionic-app-scripts serve` is not the same as `ionic cordova run browser` as it does not support cordova plugins (while at least some of the plugins are supported for browser platform) – ciekawy Nov 08 '17 at 18:00
  • 1
    I'm sorry only now I get that this is a workaround to use the browser build and can confirm it works for me. I'd add to the answer explicit statement that this way we can have the cordova plugins and the browser platform working in a same way as for `cordova run browser` – ciekawy Nov 08 '17 at 18:09
  • Perfectly solved the issue mentionned in the question, thanks – Zooly Mar 16 '18 at 13:42
  • @MathieuCastets `Ionic 2` is tagged in the question. – manish kumar Mar 13 '19 at 06:11
  • 1
    Works perfectly, and now I can use cordova-plugin-googlemaps (native map) on browser with live reload – Hoisel Oct 04 '19 at 00:36
13

When you run the command ionic cordova run browser --livereload you will see something like this in CLI:

[19:39:00]  dev server running: http://localhost:8100/ 

[INFO] Development server running
       Local: http://localhost:8100
       External: http://192.168.0.51:8100

Just open http://192.168.0.51:8100 or http://localhost:8100 and your live reload will work on that address. Your browser might have opened in http://localhost:8000 instead of 8100

FosAvance
  • 2,363
  • 9
  • 36
  • 52
4

First off, should anyone need this answer, the command has been renamed in the later version to 

ionic cordova run browser

Second, The --livereload flag is not supported when you run this command. this issue explains more

Olu Adeyemo
  • 825
  • 9
  • 17
0
Try This

ionic cordova run browser --livereload  --consolelogs --serverlogs
Shashwat Gupta
  • 5,071
  • 41
  • 33
0
"serve": "npx ionic serve --cordova --platform browser"
Moshe Yamini
  • 608
  • 9
  • 13
-1

Using this command browser will be reloaded automatically.

ionic serve

If you want to run application with different platform in browser you can use this command :

ionic serve -l

This both command will reload page automatically on code change

Girish Rathod
  • 571
  • 4
  • 14