Vue2 PWA is not working on iOS 16.4 devices

Question

Our vue2 PWA is not working on iOS 16.4 devices. Only a white screen is shown. The app works in older ios versions and in chrome, firefox, etc.

Answer 1

I had the exact same issue since upgrading to iOS 16.4.1 (from iOS 15 dot something).

It turns out the PWA works again after disabling Web Content Restrictions within Content Restrictions in Screen Time settings on my iOS device. I could reliably reproduce this on multiple devices.

It's not the first time that those content restrictions caused problems for me on something that should definitely not be affected by those filters.

Answer 2

I had a very similar issue on iOS 16.4.1, iOS 16.5, and macOS Safari 16.5. I also thought it was the Service Worker at first. Removing it seemed to have fixed it, however after more testing I realized it wasn't working and still showing the blank screen.

I am using Ionic 5.X, so the following may not apply but still is a good tip...

While I never truly figured out the root issue, upgrading @ionic-native/core, @ionic/vue, and @ionic/vue-router to the newest minor 5.x versions fixed the issue for us. I recommend a minor update to your Ionic packages to see if that helps!