I have a react typescript application generated with
npx create-react-app <name> --template typescript
After building and compiling my app (without any errors) and deploying it on my webserver, I can access it on my iphone without any problems on safari. However, as soon as I add this application as a shortcut to my home screen and then try to open it, all I see is a white screen. Of course, I then used the Apple developer tools to read out the console of my application using another device, but there were no errors there.
NOTE: IÂŽm not talking about a react-native app, IÂŽm talking about a website!
I have not changed anything in the original manifest.json
and index.html
files since the automatic generation.
I have tried to deploy it on different versions of Safari and IOS, but without any success.
I will be happy to provide you with certain information and data about the project if that helps to solve the problem.
Here are some similar issues, but their solution didnt work for me:
EDIT:
I tried on IOS-version 16.7.4 and 17.2
My manifest.json:
https://gist.github.com/Shiiiwa/288b3a6baf6773abf4dd6d4ac0f11d45
My index.html:
https://gist.github.com/Shiiiwa/7ccebfb8e9830ceb70adcfda38dabb94
My package.json
https://gist.github.com/Shiiiwa/435f79503c2f718dd5fb77201a37f064