Gatsby 插件離線不緩存文件

Question

我正在與蓋茨比 PWA 合作。 以下是使用燈箱審核時的錯誤列表。

問題是我的 service worker 不工作或沒有緩存頁面，我確定我在gatsby.config.js配置有gatsby.config.js 。 請幫忙

  {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: `gatsby-starter-default`,
        short_name: `starter`,
        start_url: `/`,
        background_color: `#663399`,
        theme_color: `#663399`,
        display: `minimal-ui`,
        icon: `icon.png`, // This path is relative to the root of the site.
      },
    },
    {
      resolve: `gatsby-plugin-offline`,
      options: {
        workboxConfig: {
          globPatterns: ["**/*.{js,jpg,png,html,css}"],
        },
      },
    },

Answer 1

在您的 LightHouse 報告中，單擊上方的“PWA”-圖標（圓圈）。 這會將您向下滾動到它的給定部分。 您在那里找到了一些通知，為什么無法為此頁面建立 PWA。

造成這種情況的原因可能有很多，例如：

• 頁面無法通過 HTTPS:// 訪問
• 沒有規范標簽
• 未找到清單的圖標
• 清單有問題/錯誤

因此，也許可以共享 url，以便其他人可以查看它以幫助您，或者發布一些有關 PWA 部分的屏幕截圖（或一些帶有詳細問題的請求）。

順便說一句：即使您的 gatsby-config 看起來沒問題，我還是建議先使用默認值。所以刪除“workboxConfig-Stuff... 並為您的清單部分選擇standalone的display 。

祝你好運。