服务工作者中的缓存未定义

Question

我在注册我的服务人员时遇到了问题.当我尝试注册它时,浏览器抱怨"未捕获(在承诺中)TypeError:无法读取未定义的属性'addAll'"它在第6行中断,我尝试将addAll添加到缓存中.我以为open方法创建了缓存对象,为什么它未定义？

"use strict";

self.addEventListener('install', event => {
    event.waitUntil(
        caches.open('test').then(function(cache) {
        return cache.addAll([
            '/index.html',
            '/'
        ]);
    })
);
});

self.addEventListener('activate', event => {
event.waitUntil(self.clients.claim());
});

self.addEventListener('fetch', event => {
event.respondWith(
    caches.match(event.request).then(response => {
        return response || fetch(event.request);
    })
);
});

Answer 1

似乎Cache API无法在您用于查看站点的浏览器中运行.

我通过visual studio在调试模式下启动我的Web应用程序时出现了这个错误,它启动了它自己的Chrome实例.出于某种原因,Cache API在那里不起作用.

我在Chrome的常规实例中使用了那里看到的地址,一切正常.