Deployed web page to firebase host doesn't reflect all changes made, depending on device that loads the page. Flutter web

1
votes

I have a a little issue and I don't understand why.. In my project I have translations in json files that get used to build UI in the Language that the device is set to. so far so good. The problem I noticed today, is that I went to correct a typo in one word so I then deployed the new version to Firebase. I change the version number in index.html file and just to have a visual reference on the mobile version I have the version number available to read.

PROCEDURE:

  1. Flutter clean
  2. Flutter build web
  3. flutter deploy --only etc etc..

So the weird part is that visible version number does actually updates.. but the typo is still there depending on the platform !!?? I checked on: Android phone on chrome -> typo is 2 deploys old iPhone Safari -> typo is 1 deploy old Mac Chrome using JS console with mobile view -> typo is 1 deploy old

changes I made in the translation file are not deployed...

Do you know what could be causing this???

UPDATE: On other iPhones everything is correct. This leaves me with more doubts..

When the browser asks for the web page shouldn't firebase return the same page for everyone? why all this differences??

1
flutterfirebase-hostingflutter-web

1 Answers

0
votes

I have had this issue before, the thing is that the web page is being cached, I use Cloudflare on my own project and it to purge my cache so that changes can visible on all platforms. You might also manually need to clear caches on all your browsers. Then if none of this works you could stop flutter from using service workers and hence remove the PWA functionality from your project.