我正在努力让一个简单的服务工作线程离线工作。我尝试了很多示例，但都没有成功。一开始我以为是因为我使用的是动态的基于 php 的网站，或者可能是我的服务器或我的 htaccess。这对我来说是个谜。在获取 index.html 时，我的本地主机上的所有内容都可以正常工作，但在服务器上，即使在分析 chrome devtools 网络选项卡时其他所有内容都在加载，页面也无法离线加载。

因此，我尝试在我的服务器上制作这个简单的 html 离线 PWA，并在另一台服务器上创建相同的源。

https://sw.punchunique.com
https://punchunique.neocities.org/test.html 或
https://punchunique.neocities.org/

可能是因为我没有 fallback.html，但为什么会这样如果它已加载到缓存中，我需要一个

self.addEventListener('install', function(event) {
    event.waitUntil(
        caches.open('mysite-static-v3').then(function(cache) {
        return cache.addAll([
            'index.html',
            'punch-fixed.css',
            'general.css',
            'punch-homepage.css',


            'thesansextralight_plain-webfont.woff',
            'thesansextralight_plain-webfont.woff2',
            'TweenMax.min.js',
            'PLUGINS.js',
            'punch.webmanifest',

            'sw-demo.js',




            'favicon.ico',
            'favicon-16x16.png',
            'favicon-32x32.png',
            'favicon-194x194.png',
            'apple-touch-icon.png',
            'apple-touch-icon-72x72.png',
            'apple-touch-icon-120x120.png',
            'apple-touch-icon-144x144.png',
            'apple-touch-icon-152x152.png',
            'android-chrome-96x96.png',
            'android-chrome-192x192.png',
            'android-chrome-512x512.png',
            'mstile-48x48.png',
            'mstile-144x144.png',
            'mstile-270x270.png',
            'mstile-558x558.png',
            'mstile-558x270.png',

            'bcg-img-sect1.jpg',
            'green-hook.png',
        ]);
        })
    );
});

self.addEventListener('activate', function(event) {
    event.waitUntil(
    caches.keys().then(function(cacheNames) {
        return Promise.all(
        cacheNames.filter(function(cacheName) {
            // Return true if you want to remove this cache,
            // but remember that caches are shared across
            // the whole origin
        }).map(function(cacheName) {
            return caches.delete(cacheName);
        })
        );
    })
    );
});

self.addEventListener('fetch', function(event) {

    // Cache only
    // If a match isn't found in the cache, the response
    // will look like a connection error
    // event.respondWith(caches.match(event.request));


    // Network only
    // event.respondWith(fetch(event.request));
    // or simply don't call event.respondWith, which
    // will result in default browser behaviour


    // CACHE then NETWORK
    event.respondWith(
    caches.open('mysite-dynamic').then(function(cache) {
        return cache.match(event.request).then(function (response) {
        return response || fetch(event.request).then(function(response) {
            cache.put(event.request, response.clone());
            return response;
        });
        });
    })
    );

});

我在离线时遇到此问题 获取脚本时发生未知错误。和 未捕获（在承诺中）TypeError：无法获取 但所有缓存文件都存在于服务器上并且没有缺失任何内容。