Angular PWA on iOS 17: "Safari cant open the page."

Updated: 2023-10-16

If you have a working PWA, iOS 17 (and, as reported by some developers, 16.4) could start to show the following error:

Safari can't open the page.

The error was:
"FetchEvent.respondWith received an error: TypeError: Internal Error".

Sometimes the PWA (Home page link on the iPhone) won't show any information simply showing a blank page.

This seems to generated by an error in Angular AND WebKit (aka the engine behind Safari).

The Angular team and the WebKit team have already implemented the fixes on their side. The Angular team backported the fix in some old versions (15).

I don't know when the WebKit team will distribute their own fix, with iOS 17 it seems not fixed yet.

If you have urgency to fix the issue you can navigate the discussion in GitHub to see if some workarounds works for you.

If you can wait, just update your Angular version to integrate the bugfix and wait that Apple will deliver it's own fix.

References

Angular bug and discussion : https://github.com/angular/angular/issues/50378
WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=261767
WebKit fix: https://github.com/WebKit/WebKit/commit/dd68eb88a64ca414570729a171576e6a5571b5c4


You could be interested in

Right click context menu with Angular

Right click custom menu inside dynamic lists with Angular Material
2020-05-31

Enums in Angular templates

How to use enum in the html template
2019-01-21
Fullstack Angular / Java application quick start guide.
WebApp built by Marco using SpringBoot 3.2.4 and Java 21. Hosted in Switzerland (GE8).