Прогрессивное веб -приложение отображает белый экран на iOS после развертывания новой сборки ⇐ IOS

[Anonymous]

Всякий раз, когда новый код развернут, и после этого, если я попытаюсь запустить приложение PWA на устройстве iOS, я получаю белый экран. Это беспрепятственно работает на рабочем столе и Android, но не на устройстве iOS. Я что -то здесь упускаю?

Код: Выделить всё

self.addEventListener('message', (event) => {
if (event.data && event.data.type === 'SKIP_WAITING') {
self.skipWaiting();
}
});

const CACHE_NAME = 'my-cache-';
const urlsToCache = ['/index.html', '/offline.html'];
const version = new Date().getTime();

self.addEventListener('install', (event: any) => {
event.waitUntil(
caches.open(version + CACHE_NAME).then((cache) => {
return cache.addAll(urlsToCache);
})
);
});

self.addEventListener('activate', (event:any) => {
event.waitUntil(
caches.keys().then((keys) => {
return Promise.all(
keys.map((key) => {
if (key !== version+CACHE_NAME) {
return caches.delete(key); // Delete old caches
}
})
);
})
);
self.clients.claim(); // Ensure immediate control
});

//listen for requests
self.addEventListener('fetch', (event: any) => {
event.respondWith(
caches.match(event.request).then((response) => {
return response ?? fetch(event.request);
})
);
});

Обновление:
Эта проблема специфична для устройств iOS (независимо от версии или модели), как сообщают несколько пользователей. Я попытался отладить его, подключив iPhone к Mac и заметил, что, хотя в журналах не было никаких исключений, файл Main.js неверно обслуживается в качестве документа HTML. Если приложение убито и перезагружено, оно работает должным образом
скриншот main.js

Подробнее здесь: https://stackoverflow.com/questions/795 ... -new-build