我希望你能帮助我解决问题。目前我正在构建一个使用service-worker的PWA应用程序。它已经成功注册,但安装时出现了一些问题。
"caches.open"的Promise返回了一个错误:"TypeError: Request failed at"。在Chrome中可以看到缓存已经注册,但是为空。我已经检查了缓存的URL无数次...
这是我的Service-worker代码:
var CACHE_NAME = 'surv-cache-1';
var resourcesToCache = [
'/',
'/index.html',
'/jquery-3.2.1.min.js',
'/pouchdb.min-6.4.1.js',
'/styles/inline.css',
'/scripts/app.js'
];
self.addEventListener('install', function(event) {
event.waitUntil(
// open the app browser cache
caches.open(CACHE_NAME).then(function(cache) {
console.log("Install succesfull");
// add all app assets to the cache
return cache.addAll(resourcesToCache);
}).then(function(out){
console.log(out);
}).catch(function(err){
console.log(err);
})
);
});
self.addEventListener('fetch', function(event) {
event.respondWith(
// try to find corresponding response in the cache
caches.match(event.request)
.then(function(response) {
if (response) {
// cache hit: return cached result
return response;
}
// not found: fetch resource from the server
return fetch(event.request);
}).catch(function(err){
console.log(err);
})
);
});
我的注册码是:
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js').then(function(registration) {
console.log('Service worker registered:'+registration.scope);
}).catch(function(e) {
console.log(e);
});
};
我不理解...希望你有想法:)
编辑:我现在知道为什么它不起作用了。我为我的域名设置了身份验证,所以不是每个人都可以访问它。当我的serviceworker要缓存数据时,它会收到401错误。因此,这似乎是一个身份验证问题。
也许有人已经遇到过同样的问题?