標簽[workbox] - 堆棧內存溢出

[英]Workbox webpack plugin is not loading assets (.js) from cache after installed

我正在嘗試使用 vuejs（2.5）為 Laravel（5.8）中的應用程序設置 PWA。這是我在 mix.js 中的配置： Service Worker 安裝正確，第一次加載時會緩存我的資產。但是我接下來的調用（重新加載頁面）不使用該緩存並從網絡重新加載資產。但是，我正在尋找的是安裝 ...

Workbox 生成多個未格式化的 Service Worker 文件

[英]Workbox generating multiple unformatted service worker files

當我使用以下 3 種方法之一：workbox-cli、workbox webpack build 或 node generate，使用 workbox 生成 service worker 文件時，我得到 4 個未格式化的文件，而不是我可以驗證其正確性的單個格式化 service worker 文件。 ...

create-react-app serviceWorkerRegistration onUpdate 回調似乎永遠不會被觸發

[英]create-react-app serviceWorkerRegistration onUpdate callback never seems to be fired

我正在使用 create-react-app 編寫我的第一個 react 應用程序，但在設置 pwa 時遇到了問題。我試圖在新的 service-worker 注冊上顯示一個快餐欄，但即使使用模板代碼我也不會讓它工作。下面是我的./src/下的service-worker.js（和cra模板里的 ...

workbox-build 生成的 service worker 出現錯誤 require is not defined

[英]service worker generated by workbox-build comes error require is not defined

我正在使用 workbox-build 為我的 web 應用程序生成sw.js ，這里是名為build-sw.js的構建腳本：const { injectManifest } = require('workbox-build'); // These are some common options ...

打破 SPA 路線的 Workbox 服務人員

[英]Workbox service worker breaking SPA routes

我已經使用 InjectManifest 設置了 Workbox（僅設置屬性swSrc和swDest ），並創建了我的服務工作者（附在下面）。當我從站點的根目錄開始時，一切都很好，但是如果我從另一個頁面開始，一個由 React Router 處理的頁面（例如，通過重新加載頁面），服務工作者會給我錯 ...

安裝 laravel-mix-workbox 后無法運行“npm run dev”

[英]Cannot run 'npm run dev' after install laravel-mix-workbox

安裝 laravel-mix-workbox 后運行“npm run dev”時出現錯誤。這是錯誤在此處輸入圖像描述 [webpack-cli] Error: Cannot find module 'D:\Documents\Tolong Ya Allah\Digitani\node_mo ...

如何使用來自 workbox-recipes 的 Google 溫暖策略緩存？

[英]How do I use Google's Warm Strategy Cache from workbox-recipes?

我正在尋找如何使用此處演示的代碼的最小可行示例： https://developer.chrome.com/docs/workbox/modules/workbox-recipes/#warm-strategy-cache 我不熟悉使用 Workbox（以及一般的服務人員），並且對“workbox ...

Workbox injectManifest 作為 Azure devOps 管道

[英]Workbox injectManifest as Azure devOps pipeline

我想將工作箱 injectManifest作為一項任務包含在 Azure DevOps 管道中，但似乎代理無法識別工作箱命令。代理在 Windows Server 2019 上自托管。我使用的是npm任務，然后是命令行任務——兩者都給出了相同的錯誤結果。我要運行的命令是：這是輸出（來自帶 ...

有沒有辦法在離線 POST 請求后更新緩存存儲數據並在視圖中顯示該數據

[英]Is there a way to update cache storage data after POST request in offline and display that data in view

我將 PWA 和工作箱用於離線功能，其中 GET 請求存儲在 Cachestorage 中，POST 請求存儲在 INDEXED DB 中，工作箱后台同步。這是一段用於存儲在緩存中的 GET 請求的代碼離線用於 POST 請求，這些請求在 INDEXED DB 中排隊並在用戶在線后同步我有一個 ...

html2canvas：使用來自 Service Worker 的緩存圖像

[英]html2canvas: use cached images from Service Worker

TL;DR：如何使用 ServiceWorker 緩存 html2canvas 處理的圖像？為什么不使用現有的 ServiceWorker 緩存？我正在編寫一個也可以離線使用的 PWA。這是一個用於創建自定義圖像網格的應用程序。圖像來自外部 API，我使用 Workbox/ServiceW ...

動態 Firebase 值配置 - React PWA

[英]Dynamic Firebase Values configuration - React PWA

我正在使用具有多種環境配置的 React PWA。在構建應用程序時，我使用多個.env文件來傳遞不同的 Firebase 配置值。我只需要訪問 firebase 雲消息來向用戶顯示通知。所以我在里面添加了我的 firebase 值： .env.sit ， .env.development ， ...

哪個 service worker 事件表明它已經控制了頁面，並且會攔截 Web 流量？

[英]Which service worker event indicates it has controlled the page, and will intercept web traffic?

在我的 web 應用中，有些 web 請求必須被 service worker 攔截和修改，否則請求會失敗。這在新用戶第一次訪問時尤其重要。我使用clientsClaim()來確保這一點。由於我需要在發出請求之前確保 service worker 已准備就緒，因此我嘗試等待navigator ...

如何配置 CloudFront 以在更新時從 S3 更新 SPA？

[英]How do I configure CloudFront to update SPA from S3 when updated?

我在 S3 上有一個 React SPA 應用程序。我使用 CloudFront 只是為了獲得帶有自定義域的 SSL 證書 - 老實說，我並不真正關心 CloudFront 的緩存功能，盡管我認為這是一個很好的好處。一切正常，除了當我對 S3 存儲桶進行更新時，該頁面仍緩存在 Chrome 中 ...

React Workbox PWA App 在子目錄上，帶有反應路由器自定義基本名稱

[英]React Workbox PWA App on Subdirectory with react router custom basename

我正在研究使用react-router作為其路由庫的反應項目。因為我想在網站的子目錄上運行該項目，所以我在我的 app.js 文件中將react-router基本名稱屬性設置為“我的”。應用程序.js 我還在package.json文件中設置了homepage屬性 package.json 在我 ...

捕獲服務工作者消息事件引發的異常

[英]catching exception thrown by service worker message event

我無法捕捉到服務工作者的消息事件引發的異常.. 客戶端使用以下代碼在 SW 上執行命令：在 SW ( sw.js ) 方面，我有以下代碼：只要 SW 不拋出任何異常，此解決方案就可以正常工作。這意味着客戶端在 SW 上長時間運行的進程執行后打印“完成”消息。如果拋出異常，則永遠不會 ...

如何在服務工作者中執行 POST 請求？

[英]How to do a POST request in a service-worker?

每當客戶端單擊推送通知（前端）時，我都會嘗試向后端發送 POST 請求，因此我知道客戶端已收到通知。要將請求從我的前端發送到我的后端，我有以下系統： Alerte.js：存儲庫.js：但我不能那樣做，因為我想在 service-worker 中執行調用，它不允許導入東西（無法在模塊錯誤之外 ...

Angular Workbox service worker 注冊失敗，出現 404 錯誤

[英]Angular Workbox service worker Registration fails with 404 error

我正在構建一個具有微前端架構的 web 應用程序。我在注冊 Workbox 服務人員時遇到問題。我繼續收到 service-worker.js 文件的 404 錯誤。建築學我正在使用 webpack 將service-worker.ts文件轉換為service-worker.js文件，該文件 ...

我們如何使用工作箱 v6.5.1 匹配 registerRoute 中的“查詢”參數

[英]how can we match the 'Query' parameter in registerRoute using workbox v6.5.1

我正在使用工作箱 v6.5.1（帶有 React、Redux、Node）來緩存 API 請求，現在只想為特定請求添加或匹配“標頭查詢”參數。這樣兩個不同的請求就可以通過“查詢”參數來區分。例如，我有一個 api 像 '/getListForCategory' 但兩個不同的請求有不同的 '查詢' ...

使用 Workbox 測試 serviceworker

[英]Testing a serviceworker using Workbox

我已經使用 Google 的 Workbox 庫實現了一項服務，我想測試我的自定義路由處理程序和邏輯，但我真的不確定如何最好地測試它。測試應該在瀏覽器中執行，因為我需要驗證緩存或我的數據庫是否已被修改。我還通過配置文件加載了我的自定義路由和處理程序，因此我需要確保注冊了正確的路由。有人可以幫 ...

Workbox：如何從緩存中刪除請求

[英]Workbox: how to remove a request from the cache

我對所有 API Get 調用都使用了 staleWhileRevalidate Workbox v3 策略。但是，有時我想在運行時從緩存中刪除特定請求。示例：我有一個可以由客戶端更新的是/否 state。最初，UI 在執行也返回“否”結果的請求時顯示“否”state（從緩存中獲取）。請求的 ...