Workbox 5 语法错误 - 未捕获的类型错误 : workbox. 到期。CacheableResponsePlugin 不是构造函数

Question

我正在尝试为一个小型静态站点设置一个简单的 Service Worker，但出现 Service Worker 控制台错误:sw.js:59 Uncaught TypeError: workbox.expiration.CacheableResponsePlugin is not a constructor这是在线 new workbox.expiration.CacheableResponsePlugin任何有关如何解决此问题的建议将不胜感激。

  workbox.routing.registerRoute(
    /\.(?:html)$/,
    new workbox.strategies.NetworkFirst({
      cacheName: 'html-cache',
      plugins: [
        new workbox.expiration.CacheableResponsePlugin({
          statuses: [0, 200],
        }),

        new workbox.expiration.ExpirationPlugin({
          maxEntries: 50,
          maxAgeSeconds: 5 * 60,
        })
      ]
    })
  )

Answer 1

我是从 workbox 迁移过来的v4 到 v5 并有同样的问题。

在您的代码中，

new workbox.expiration.CacheableResponsePlugin

应该

new workbox.cacheableResponse.CacheableResponsePlugin