Web 如何在workbox PWA中脱机

我在使用workbox脱机时遇到一些问题，在我的主页中，已保存，如果我们脱机，可以重新加载有关它的内容，但如果我单击一个页面进入详细信息页面，则无法打开该页面。该页面将显示恐龙，并显示没有internet连接，我必须如何修复它

进口许可证（“”）

---

这是my service-worker.js代码

如何尝试通过Workbox CLI创建预缓存文件？

---

Workbox CLI可以创建预缓存文件，只需几步即可为您的环境更正设置。

改进格式并修复语法。

>     if (workbox)
>       console.log(`Workbox berhasil dimuat`);
>     else
>       console.log(`Workbox gagal dimuat`);
>     
>       workbox.precaching.precacheAndRoute([
>         { url: '/index.html', revision: '1' },
>         { url: '/nav.html', revision: '1' },
>         { url: '/css/materialize.min.css', revision: '1' },
>         { url: '/js/materialize.min.js', revision: '1' },
>         { url: '/js/script.js', revision: '1' },
>         { url: '/pages/home.html', revision: '1'},
>         { url: '/pages/about.html', revision: '1'},
>         { url: '/pages/saved.html', revision: '1'},
>         { url: '/assets/img/oli2.jpg', revision: '1'},
>         { url: '/css/materialize.min.css', revision: '1'},
>         { url: '/js/materialize.min.js', revision: '1'},
>         { url: '/manifest.json', revision: '1'},
>         { url: '/js/nav.js', revision: '1'},
>         { url: '/js/api.js', revision: '1'},
>         { url: '/js/idb.js', revision: '1'},
>         { url: '/js/push.js', revision: '1'},
>         { url: '/js/db.js', revision: '1'},
>         { url: '/js/service-index.js', revision: '1'},
>         { url: '/js/service-team.js', revision: '1'},
>         { url: '/icon.png', revision: '1'},
>         { url: '/icons/icon-72x72.png', revision: '1'},
>         { url: '/icons/icon-96x96.png', revision: '1'},
>         { url: '/icons/icon-128x128.png', revision: '1' },
>         { url: '/icons/icon-144x144.png', revision: '1' },
>         { url: '/icons/icon-152x152.png', revision: '1' },
>         { url: '/icons/icon-192x192.png', revision: '1' },
>         { url: '/icons/icon-384x384.png', revision: '1' },
>         { url: '/icons/icon-512x512.png', revision: '1' },
>       ], {
>     
>     
>     });
>     workbox.routing.registerRoute(
>       new RegExp('/pages/'),
>       
>         workbox.strategies.staleWhileRevalidate({
>             cacheName: 'pages'
>         })
>     );
>     workbox.routing.registerRoute(
>       new RegExp('https://api.football-data.org/v2/'),
>         workbox.strategies.staleWhileRevalidate({
>             cacheName: 'apifootball'
>         })
>     );
>     
>     
>     self.addEventListener('push', function(event) {
>       var body;
>       if (event.data) {
>         body = event.data.text();
>       } else {
>         body = 'Push message no payload';
>       }
>       var options = {
>         body: body,
>         icon: '/icon.png',
>         vibrate: [100, 50, 100],
>         data: {
>           dateOfArrival: Date.now(),
>           primaryKey: 1
>         }
>       };
>       event.waitUntil(
>         self.registration.showNotification('Push Notification', options)
>       );
>     });