Browser livereload issue - not building or reloading

Ionic Framework ionic-v3
1

Hi, I’ve gone thorough everything I can find on the about similar issues, but I still can’t fix my problem.

Livereloading is not working in the browser and if manual reload it, none of the changes are there, unless I switch to port 8100. The ionic cordova run browser --livereload command will open port 8001 and so on.

Any ideas?

Cheers,

Brett

👉  ionic info

cli packages: (/Users/me/projects/node_modules)

    @ionic/cli-utils  : 1.19.0
    ionic (Ionic CLI) : 3.19.0

global packages:

    cordova (Cordova CLI) : 7.1.0

local packages:

    @ionic/app-scripts : 3.1.0
    Cordova Platforms  : android 6.4.0 browser 5.0.1 ios 4.5.4
    Ionic Framework    : ionic-angular 3.9.2

System:

    Node  : v8.9.4
    npm   : 5.6.0
    OS    : macOS High Sierra
    Xcode : Xcode 9.2 Build version 9C40b

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro
2

This is not an elegant workaround, but I can have the browser live reload if I use it…

  • http://livereload.com/ Get this app.
  • Get the extension for it.
  • In the extension page in Chrome, click the checkbox that say it lets you access local files, below the extension.
  • In the app, add the Ionic app repo root. (Don’t select compile.)
  • Run ionic cordova run browser —livereload . This will compile the changes on save. It just doesn’t kick off the page reload for some reason.
  • When you run the above command, it will open a webpage like [http://localhost:8001/index.html](http://localhost:8001/index.html) . Change this to http://localhost:8100/index.html
  • Now the page should reload on save.

Hope this helps anyone that is having the same problem as me.

1 Like