PWA loads a 404 on Safari iOS 13.2 #46
Description
On Safari, iOS 13.2, I can't seem to successfully install the PWA on my Home Screen. If I navigate to the web app (https://not911.nyc/app/) and then attempt to Share > Add to Home Screen, Safari tries to add a PWA using this URL: https://not911.nyc/app/app/ (which is then a 404).
I can add the PWA through Safari from https://not911.nyc/ directly, but then the PWA opens the marketing page, not the web app.
I've put screenshots from my phone for both of these cases below.
Might this be caused by this line in the manifest.json? Using ./app may mean "current directory plus /app", which would explain the /app/app I'm seeing.
A proposed solution would be to simply change the ./app/ to /app/, like this:
"start_url": "/app/",
so that the current directory is overwritten. Another solution which may be the safest could be to just hard-code the start_url, which is supposedly supported, according to WebMDN. That would look like:
"start_url": "https://not911.nyc/app",
This all said, I tried reproducing the bug in development, and I can't 😕 I can't even get my changes in manifest.json to affect the URL for the PWA in dev. So I might be way off base here on the solution. If so, sorry for the misdirection 😅 But I am getting the 404 in production.
Screenshots:
