Я пытаюсь создать Progressive Web App (PWA).
Работник службы показывает зарегистрировано, аудит PWA показывает все хорошо, но консоль показывает эту ошибку:
Ошибка типа: Ошибка запроса pwa
Я не могу кэшировать файлы.
Я перепробовал все возможные ответы в переполнении стека, и это то же самое
//self.addEventListener('fetch', function(event) {});
var dataCacheName = 'myappData-v3n';
var cacheName = 'myapp-3n';
var filesToCache = [
'images/logo.png',
'js/jquery.min.js',
'js/popper.min.js',
'js/bootstrap.min.js',
'js/main.js',
'css/bootstrap.min.css',
'css/fontawesome-all.min.css',
'css/style.css',
'css/style.css',
'index.html'
];
/*self.addEventListener('install', function(e) {
console.log('[ServiceWorker] Install');
e.waitUntil(
caches.open(cacheName).then(function(cache) {
console.log('[ServiceWorker] Caching app shell');
return cache.addAll(filesToCache);
})
);
});*/
self.addEventListener('install', function(event) {
console.log('Handling install event. Resources to pre-fetch:', filesToCache);
event.waitUntil(
caches.open(cacheName).then(function(cache) {
cache.addAll(filesToCache.map(function(filesToCache) {
return new Request(filesToCache, {mode: 'no-cors'});
}))
}).then(function() {
console.log('All resources have been fetched and cached.');
}).catch(function(error) {
console.error('Pre-fetching failed:', error);
})
);
});
/*async function doSomething(cache) {
cache.addAll(filesToCache.map(function(filesToCache) {
return new Request(filesToCache, {mode: 'no-cors'});
//console.log('All resources have been fetched and cached.');
}));
}*/
self.addEventListener('activate', function(e) {
console.log('[ServiceWorker] Activate');
e.waitUntil(
caches.keys().then(function(keyList) {
return Promise.all(keyList.map(function(key) {
if (key !== cacheName && key !== dataCacheName) {
console.log('[ServiceWorker] Removing old cache', key);
return caches.delete(key);
}
}));
})
);
return self.clients.claim();
});
self.addEventListener('fetch', function(event) {
console.log('Fetch event for ', event.request.url);
event.respondWith(
caches.match(event.request).then(function(response) {
if (response) {
console.log('Found ', event.request.url, ' in cache');
return response;
}
console.log('Network request for ', event.request.url);
return fetch(event.request)
}).catch(function(error) {
return caches.match('index.html');
})
);
});`
Я также попытался изменить URL кеша на ".""./" "/"
Я пробовал в корневом URL и папке тоже.Пытался изменить все, но не получилось.
Невозможно кэшировать URL.
Нужна помощь.