不會被預緩存。 配置 maximumFileSizeToCacheInBytes 以更改此限制 (PWA)

[英]Won't be precached. Configure maximumFileSizeToCacheInBytes to change this limit (PWA)

幫我。 運行“npm run dev”警告后出現問題： css/app.css 中的 WARNING 為 4.13 MB，不會被預緩存。 配置 maximumFileSizeToCacheInBytes 以更改此限制。 警告是什么意思？ 誰能解釋一下？ 以及如何解決？ 謝謝好心人^^ ...

為什么我的 Workbox GenerateSW 在連接時顯示我的離線頁面？

[英]Why is my Workbox GenerateSW showing my offline page while connected?

我正在嘗試使用 Workbox GenerateSW() 設置我的離線頁面，並遇到一個問題，在我清除站點數據並硬刷新后第一次加載時顯示我的主頁，但在后續加載時，我得到了我設置的離線頁面雖然我在線。 我有一個多頁 PHP 應用程序，其中的資產由 CDN 提供。 我在由 npm 節點腳本調用的 JS ...

Workbox 預緩存：基於用戶類型

[英]Workbox precache : Based on user type

我不想為所有用戶預緩存，而只為成員預緩存。 我想這樣做是為了避免服務器上不必要的負載以及對一次性訪問者進行不必要的緩存。 因此，當訪問者登錄時，我會向服務人員發送一條消息。 在服務工作者的以下片段中，“收到的消息”已登錄控制台。 但是圖像沒有被緩存。 並且沒有錯誤信息。 如果我直接將precache ...

Workbox 預緩存不預緩存

[英]Workbox precache doesn't precache

我正在嘗試實施工作箱以在網站上預緩存圖像和視頻資產。 我創建了一個服務工作者文件。 它似乎在我的應用程序中被成功引用和使用。 服務人員：import { clientsClaim, setCacheNameDetails } from 'workbox-core'; import { precach ...

precacheAndRoute 在 addToCacheList 上出錯

[英]precacheAndRoute got error on addToCacheList

我已經使用workbox-webpack-plugin創建了 PWA 和實施工作workbox-webpack-plugin 。 當我嘗試預緩存文件時出現錯誤。 我得到的錯誤（見下圖） 控制台輸出 雖然self.__WB_MANIFEST正確返回 我嘗試調試工作workbox-pre ...

如何使用 workbox-build for Service Worker 生成帶有版本控制的預定義清單

[英]How to generate predefined manifest with versioning using workbox-build for Service Worker

我正在嘗試配置workbox-build以根據預定義的 URL 列表而不是模式匹配來創建服務工作者 ( generateSW ) 或將清單 ( injectManifest ) 注入現有服務工作者，以便在應用加載時預緩存特定資源. 不是這樣的： 但像這樣： 這樣自動生成的 Service ...

使用 Service Worker 進行預緩存，為什么重要？ 我錯過了什么？

[英]Precaching with service worker, why does it matter? What did I miss?

我在看服務工作者實踐和工作箱。 有很多關於預緩存的文章，workbox 甚至為此提供了特殊的方法precachingAndRoute() 。 我想我理解 precache 和運行時緩存之間的概念差異，但讓我困惑的是為什么 precache 被如此特殊對待？ 我讀過的所有關於預緩存的文章都強調了它 ...

PWA - 空的服務工作者預緩存運行時

[英]PWA - empty service worker precache runtime

我正在開發一個基於音頻的 PWA，由於我不熟悉這項技術，我對 service worker 中的緩存管理和失效有一些疑問。 應用程序需要離線工作，我使用 SW 預緩存進行了介紹。 我唯一的疑問是數據量：在經驗中有5 個用例場景。 每個場景有大約 30MB 的音頻內容，這意味着大約 150MB + 所 ...

在 webpack-plugin 中從本地 v5 導入工作箱

[英]import workbox from local v5 in webpack-plugin

正如我們現在在importWorkboxFrom第 5 版中一樣， importWorkboxFrom配置已被刪除，但是如果我們使用的是injectManifest ，我們應該如何在本地導入工作injectManifest ？ 是將importScripts與https://storage.goog ...

為什么在清單中使用固定 url 進行預緩存？

[英]Why Precaching with fixed urls in manifest?

我正在閱讀有關使用服務人員進行預緩存的文章，最終我得到了這種預緩存。 我不明白為什么它使用帶有哈希的固定網址。 每次文件更改時都必須動態創建它們。 那么手動放置它們並將修訂版設置為空有什么意義呢？ ...

由於 .LICENSE 擴展名，CRA 預緩存失敗

[英]CRA precache fails because of .LICENSE extension

因此，我們有一種情況，在生產中，由於我們服務器上的一個奇怪的 .LICENSE 文件給了我們 404，因此我們的 PWA 上的預緩存失敗了 特別是這樣的錯誤 我們如何解決這個問題？ ...

工作箱：為網址格式編寫正則表達式

[英]Workbox: writing regular expression for url patterns

我正在嘗試預緩存路線。 我已經成功使用以下方法預緩存了首頁 這與首頁的路線相匹配 我還有其他頂級路線，我想配對但不確定如何。 我如何為上面的寫正則表達式 ...

在 Workbox 中使用 Stale While Revalidate 策略進行預緩存

[英]Precaching with Stale While Revalidate Strategy in Workbox

題 是否可以使用不同的策略預緩存文件？ 即陳舊而重新驗證？ 或者，我是否應該只在 DOM 中加載腳本，然后使用正確的策略在工作器中為它添加一個路由？ 背景 這是一個非常奇怪的案例，所以我會盡力解釋它...... 我們有兩個倉庫； PWA和游戲 兩者都靜態托管在同一個 CDN 上 由於 ...

Service Worker 應該預緩存哪些文件（通常）？

[英]What files should be Precached by a Service Worker (in general)?

我很欣賞這個問題可能有點“基於意見”，但是，我認為一個概括的答案可以非常有助於將來有興趣了解更多關於 PWA 和 Service Worker 的其他人。 背景 我在網上搜索過，但很驚訝地發現，在選擇要由 Service Worker 為 PWA 預緩存的文件時，沒有明確說明最佳實踐是什么。 有 ...

預緩存1000多個資產會損害性能

[英]precaching over 1000 assets damages performance

我正在使用Vue CLI PWA工作箱插件模式。 我的應用程序有1000多個資產，對其進行緩存會導致非常糟糕的性能。 請檢查一下： https://nikudu.com/ 有沒有一種方法可以更具體地預緩存文件？ 例如，通過URL預緩存文件。 在url x/y僅預緩存文件1,5 ...

如何使用服務工作者預緩存資產，使其名稱在每次部署時都會更改？

[英]How to precache assets with names that change at every deploy using service workers?

我們正在與Workbox一起預緩存“下一頁”頁面的某些資產，但是資產URL包含部署的日期和哈希值。 例如“ /css/2019-05-15/f00ba5/home.css”。 我們面臨的問題是如何將URL的更改部分（“ 2019-05-15 / f00ba5”）傳遞給服務工作者，並使Wo ...

如何使用React配置Service Worker以防止AWS CloudFront上的新部署出現未捕獲的語法錯誤

[英]How to configure Service Worker with React to prevent Uncaught Syntax Error on new deployments at AWS CloudFront

過去幾天，我一直在閱讀有關該主題的SO帖子和Github問題，但似乎仍然找不到適合我的設置的組合。 希望有人可以為我提供特定的解決方案。 這是怎么回事。 我正在使用帶有sw-precache create-react-app v2。 構建通過CircleCI將新文件推送到S3，然后由 ...

在service-worker.js中未捕獲承諾DOM異常

[英]Uncaught promise DOM exception in service-worker.js

服務工作者注冊成功，但我仍然在chrome中遇到上述錯誤。 ...

如何配置緩存，然后與SW Precache聯網？

[英]How can I configure Cache then network with SW Precache?

我只找到了兩個接受此插件的選項，分別是cacheFirst和networkFirst，但是找不到用於Cache然后網絡獲取更新的選項。 ...

使用sw-precache在dynamicUrlToDependencies中緩存沒有明確聲明的URL

[英]Caching Url without explicit declaration in dynamicUrlToDependencies using sw-precache

有沒有一種方法使用sw-precache來緩存您當前使用的url，而無需在dynamicUrlToDependencies准確指定url字符串？ 當我提供特定的相對網址/dynamic/url-circle ，我的頁面會緩存，但如果我僅提供/ ，則不會緩存。 我以為是因為我的網址是http： ...