workbox

问题 I have implemented Workbox to generate my service worker using webpack. This works - I can confirm revision is updated in the generated service worker when running "generate-sw": "workbox inject:manifest" . The problem is - I have noticed my clients are not updating the cache after a new release. Even days after updating the service worker my clients are still caching the old code and new code will only load after several refreshes and/or unregistering the service worker. For each release I

问题 I have a website with a few pages. I know all URL of the website and asserts and its a PHP based. My main objective is in the first login, I want to cache the entire website. Currently, I used SW to caching by navigation, that works fine. What is the better approach? Following is the code I tried. self.addEventListener('install', function (event) { event.waitUntil( caches.open(CACHE_DYNAMIC_NAME) .then(function (cache) { cache.addAll([ '/assets/app/css/vendor.css', '/assets/app/css/app.css',

问题 We have a signal page application that has Service worker installed and active. Now our server rebuilds the app, Service worker file is being updated on the server side. Our client has no idea about this new Service worker file and it is still using old Service worker file. When It works? if I refresh/reload the app, new service worker is being installed . How can we refresh the client if service worker file is being updated on the server and client is not being reloaded? Possible solution :

问题 We have a signal page application that has Service worker installed and active. Now our server rebuilds the app, Service worker file is being updated on the server side. Our client has no idea about this new Service worker file and it is still using old Service worker file. When It works? if I refresh/reload the app, new service worker is being installed . How can we refresh the client if service worker file is being updated on the server and client is not being reloaded? Possible solution :

问题 We have a signal page application that has Service worker installed and active. Now our server rebuilds the app, Service worker file is being updated on the server side. Our client has no idea about this new Service worker file and it is still using old Service worker file. When It works? if I refresh/reload the app, new service worker is being installed . How can we refresh the client if service worker file is being updated on the server and client is not being reloaded? Possible solution :

问题 (Publicly asking/answering on behalf of someone.) I'm using Workbox to generate a service worker that precaches resources for my progressive web app. Am I wrong to be reluctant to precache ~20mb of minified JavaScript? It's huge, obviously. 20mb seems way too much. My plan was to just precache the essential stuff, and use runtime caching for the rest. In other words, what are some general heuristics for determining what should and shouldn't be included in the precache payload? 回答1: There's a

问题 I am trying to build a Cache First strategy with workbox on a React + NextJS app, but i am facing a problem... I have the following rule: workbox.routing.registerRoute( new RegExp('/.*\/uploads|.*\/arquivos.*/'), new workbox.strategies.CacheFirst({ cacheName: 'cache-first', }) ); Looking at workbox log a got the following messages: Router responding to and Using Cache First to respond But nothing gets cached as can be seen on: enter image description here If I change the strategy from

问题 I am trying to build a Cache First strategy with workbox on a React + NextJS app, but i am facing a problem... I have the following rule: workbox.routing.registerRoute( new RegExp('/.*\/uploads|.*\/arquivos.*/'), new workbox.strategies.CacheFirst({ cacheName: 'cache-first', }) ); Looking at workbox log a got the following messages: Router responding to and Using Cache First to respond But nothing gets cached as can be seen on: enter image description here If I change the strategy from

问题 I am currently trying to build a WordPress theme using React/Redux. Everything is working as expected except for responding with 200 when offline. The build folder of CRA (Create React App) is located at /wp-content/themes/pwa/build . When online, WordPress loads the index.php for all routes. This registers the .css and .js from the build folder. Here everything is working as expected. Im trying to understand how to configure CRA / WorkBox to register the service worker at / and serve all

问题 I'm trying to use Workbox to add PWA functionality to my website. I'm following the Get Started guide, but I'm not getting far. When I run the website in Chrome I get the following error: Refused to load the script 'https://storage.googleapis.com/workbox-cdn/releases/3.6.1/workbox-sw.js' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval'". Per the docs, I am importing workbox-sw.js in my service worker file that is in my wwwroot folder with