标签: workbox

受影响的库:workbox.setConfig

浏览器和平台:"所有浏览器".*

问题或功能请求描述:我打算设置调试模式:这里是我正在遵循的流程:

1. 使用PWA在缓存中存储模式值:true/false
2. 打开缓存并使用存储的变量设置调试值.
3. 问题是在workbox.setconfig之前调用异步和安装事件

有谁知道任何解决方法

是否可以使用工作箱缓存 POST 请求的响应？我的应用程序使用 POST 请求而不是 GET 来获取列表数据，因为用户凭据与请求一起发送。

我决定尝试使用 workbox，但我看到的所有指南都讨论了与 React 制作的 Service Worker 集成。

但是当我安装 CRA 时，我不再获得为我定制的 Service Worker。我需要做什么才能在这里集成工作箱？

这是我当前的代码：

应用程序.js

    import React from 'react';
    import ReactDOM from 'react-dom';
    import App from './App';
    import swDev from './swDev'
     
    ReactDOM.render(
      <React.StrictMode>
        <App />
      </React.StrictMode>,
      document.getElementById('root')
    );
    
    swDev()

swDev.js

    export default function swDev(){
      let swURL = `${process.env.PUBLIC_URL}/sw.js`;
      if('serviceWorker' in navigator){
        navigator.serviceWorker.register(swURL).then(res => {
          console.log('Service worker has been registered');
        }).catch(err => console.log('Service worker was not registered'))
      }
    }

那么这就是公共文件中的 Service Worker

const cacheVersion = 'v1'


self.addEventListener('install', ()=>{
  console.log('Service worker has been …

我是构建 PWA 和使用 Workbox (V5) 的新手。我在缓存页面和离线工作时遇到问题！

这是我所做的：

1. 我编写的index.html文件具有 PWA 所需的元标记，加载清单文件 ( manifest.webmanifest )，并注册服务工作线程 JavaScript 文件 ( sw.js )。
2. 我使用命令安装了workbox-clinpm install workbox-cli --global。
3. 我使用命令生成了workbox-config.js文件workbox wizard，并手动调整它以适应我想要的配置。
4. 我最终使用命令生成了我的 service-worker ( sw.js ) 文件和workbox-xxx.jsworkbox generateSW workbox-config.js文件。

现在，当我在 localhost 上运行我的页面，然后打开Chrome DevTools，并转到Lighthouse部分用它审核我的网页时，它说我的应用程序是可安装的，并且 PWA 已优化......但说它无法离线工作：

- Current page does not respond with a 200 when offline

- start_url does not respond with a 200 when offlineTimed out waiting for start_url (http://127.0.0.1:4000/?source=pwa) …