workbox

问题 I have a SSR based react app and at present implementing Workbox tools for precaching and offline capabilities into it. I ran into issues mainly because the site relies on cookies at server side and issues redirects based on these. Initial load works fine, but once service worker(sw) is online and another refresh results in sw doing a fetch call with the url from within workbox source. During this time, the server doesn't find cookies(fetch doesn't carry credentials - link) and issues a

问题 I'm trying to set up a simple Service Worker for a small static site. precache a couple of pages. cache *.html files for just 5 mins cache all other files for 30 days handle 404 and offline status with an offline page. I get service worker console error sw.js:59 Uncaught TypeError: workbox.expiration.CacheableResponsePlugin is not a constructor this is at the line new workbox.expiration.CacheableResponsePlugin({ Any suggestions on how to fix this would be appreciated. /** * Welcome to your

问题 Requirement : I am trying to use service worker and cache static files so as to have a benefit to reduce HTTP requests and make the site performance better. Down the lane I would switch to offline, caching images, api's etc. I have seen the plugins: https://github.com/hanford/next-offline and https://www.npmjs.com/package/next-pwa It seems to work. Although I was trying to find out if there were examples of (nextjs + workbox) . Next js do have an example for https://github.com/vercel/next.js

问题 I have implemented the caching using the following code: require("dotenv").config() const workboxBuild = require("workbox-build") const { COUNTRY: country, NODE_ENV } = process.env const urlPattern = new RegExp(`/${country}\/static|_next\/.*/`) const buildSW = () => { return workboxBuild.generateSW({ swDest: "public/workbox-worker.js", clientsClaim: true, mode: NODE_ENV, skipWaiting: true, sourcemap: false, runtimeCaching: [ { urlPattern: urlPattern, // Apply a cache-first strategy. handler:

问题 I am using webpack v4.41 and workbox v6 to create my service-worker.js . I am having trouble regitering the service worker in my dev environment. I have set devtools.serviceWorkers.testing.enabled to true I have followed the instructions for using bundlers with workbox, read the documentation for injectManifest and adding the Workbox webpack plugin. After building using webpack (generating serviceWorker.js) Firefox reports error: Service worker error TypeError: ServiceWorker script at http:/

问题 I am setting up a PWA for my company in house usage. What method should I use to attach a bearer token to all of the requests from dom or web-worker. This method that I am using works as expected when posting a form or json but I would like a cleaner or friendlier method as I don't trust that the text fallback will suffice. I was looking for a function in Google's workbox.js service worker module to see if I could set up a intercept to always append the Bearer token when a request gets made

问题 I use workbox in my serviceworker to handle requests to a share-target url (defined in manifest.json ) locally (offline). On Android, once added to home screen (A2HS) from Chrome, my app is available as share-target, for image files, to other apps. The implementation generally works perfect. my share-target handler stores the received files in browser-cache and redirects to a follow-up /share route (which then handles pictures from cache) locally. But from time to time, the serviceworker

来源： https://stackoverflow.com/questions/64117929/workbox-service-worker-maxageseconds-query

问题 I migrate from v4 to v5 of webpack-workbox-plugin but when I try to build, I got error: ERROR in Can't find self.__WB_MANIFEST in your SW source. Child InjectManifest: Asset Size Chunks Chunk Names sw.js 1.5 KiB 0 [emitted] InjectManifest Child html-webpack-plugin for "index.html": 1 asset Do __WB_MANIFEST will create in a precach-manifest file and import automatically like v4? WebpackConfig : new WorkboxPlugin.InjectManifest({ swSrc: 'sw.js', chunks: ['*.chunk.js'], exclude: [/\.(?:png|jpg

问题 I migrate from v4 to v5 of webpack-workbox-plugin but when I try to build, I got error: ERROR in Can't find self.__WB_MANIFEST in your SW source. Child InjectManifest: Asset Size Chunks Chunk Names sw.js 1.5 KiB 0 [emitted] InjectManifest Child html-webpack-plugin for "index.html": 1 asset Do __WB_MANIFEST will create in a precach-manifest file and import automatically like v4? WebpackConfig : new WorkboxPlugin.InjectManifest({ swSrc: 'sw.js', chunks: ['*.chunk.js'], exclude: [/\.(?:png|jpg