LiveReload not displaying correctly new changes

phoenix
phoenix-14

#1

Hello guys, I do have a problem currently occurring in my setup as I’ve upgraded from Phoenix 1.3 to 1.4. Whenever I change a file, the browser reloads but changes do not reflect. The changes will only show after I reload again the browser tab.

Specs:

  • Erlang/OTP 21
  • Mix 1.8.1
  • Phoenix 1.4.0
  • Phoenix Live Reload 1.2.0
  • Plug 1.7.2

#2

What OS?


#3

I guess you’re using Linux and don’t have inotify-tools installed: https://hexdocs.pm/phoenix/installation.html#inotify-tools-for-linux-users


#4

Archlinux


#5

Actually I do have it installed, that’s why whenever I update my code or the html template it reloads.

community/inotify-tools 3.20.1-1 [installed]

The problem lies where whenever I make changes the browser reloads but changes do not reflect until I re-reload again.

Currently using Google Chrome and Chromium 72.


#6

Hmm, that should flush fast enough then, unless the writer is not flushing first…

What is writing out the file? Are you using npm/webpack or so? What if you manually edit a file in the priv/assets directory with vo or so then does ‘that’ update in the browser fine?