![](/img/trans.png)
[英]Nextjs links not navigating from / (start_url) after setting up next-pwa
所有用於在我的網絡應用程序中工作的鏈接。 我已經遷移了該應用程序,使其成為使用 next-pwa 包的 PWA,現在我的索引頁面上沒有任何鏈接有效(它也恰好是 manifest.json 文件中的 start_url)。 我確信這與 PWA 配置有關,就像您單擊其中一個鏈接一樣,url 將更改但頁面 ...
[英]Nextjs links not navigating from / (start_url) after setting up next-pwa
所有用於在我的網絡應用程序中工作的鏈接。 我已經遷移了該應用程序,使其成為使用 next-pwa 包的 PWA,現在我的索引頁面上沒有任何鏈接有效(它也恰好是 manifest.json 文件中的 start_url)。 我確信這與 PWA 配置有關,就像您單擊其中一個鏈接一樣,url 將更改但頁面 ...
[英]Localhost server not running when using next-pwa in Next.js
我一直在嘗試運行本地 Next.js (v 12.2.2) 項目,但由於某種原因,開發腳本無法正常工作。 所有依賴項都已安裝,但我仍然無法縮小腳本不起作用的原因。 運行腳本后終端是這樣的 這是next.config.js文件 這是package.json文件 節點版本:16.17.0,npm 版本: ...
[英]next-pwa sw.js redundant and not working on Vercel
我正在開發運行 next-pwa 但僅適用於本地環境的 NextJS 應用程序。 但是當我部署到 vercel 時,似乎sw.js是多余的。 我花了很多時間在這上面,但還是覺得卡住了。 這是我的next.config.js 這是我的manifest.json 我評論了配置的其余部分(run ...
[英]how to add custom install button for pwa
我想在站點內為我的漸進式 Web 應用程序添加自定義install按鈕。 我紅了很多文章並嘗試了他們提供的答案。 他們使用beforeinstallprompt 但我面臨的問題是我希望按鈕直接安裝 pwa 而不是觸發安裝提示。 有可能嗎,如果可以,我該如何實現。 提前謝謝你。 ...
[英]how to re-register the service worker with next-pwa
我將next-pwa package 與我的 next.js 應用程序一起用於 PWA 功能。 但是我在這里遇到了問題。 每次,我重建並重新部署應用程序時,它都不會重新注冊服務人員,所以我得不到更新的數據。 我必須手動注銷服務工作者並清除 chrome 緩存以獲取更新的數據。 我該如何解決這個問題 ...
[英]next-pwa runtimecaching does not produce strategies
我開始使用 next-pwa,基本設置就像一個魅力。 現在它想使用運行時緩存選項,這對我不起作用: 我的 next.config.js 包括標准緩存條目和一個自定義條目,該條目應該為每個到 /api/todoitem 的請求使用策略 StaleWhileRevalidate: 重啟 npm 運行 d ...
[英]Progressive Web App: The FetchEvent for "<URL>" resulted in a network error response: the promise was rejected
我在 PWA 的控制台中看到以下錯誤: “https://static.cloudflareinsights.com/beacon.min.js”的 FetchEvent 導致網絡錯誤響應:promise 被拒絕。 “https://www.google-analytics.com/analyt ...
[英]next-pwa is not working and there is no error in production
回購是開源的// next.config.js const withPWA = require("next-pwa"); module.exports = withPWA({ pwa: { dest: "public", sw: '/sw.js' }, }); _doc ...
[英]How to show a message that a new app version available even if users don't reload the app
我有一個Next.js應用程序,它使用next-pwa庫來設置應用程序服務工作者。 部署新版本后,我想顯示一個可用的小吃店。 目前,當我重新加載應用程序時它確實會出現,但它似乎毫無用處,因為代碼庫在重新加載后已經是最新的。 我想知道當用戶將選項卡打開一段時間后,是否可以顯示該小吃店,已部署新版本 ...
[英]How to add push notification using next-pwa
我有一個 Next.js 應用程序,我將next-pwa用於離線模式。 現在我想添加推送通知(OneSignal 解決方案),我看過很多文章/教程,它們都需要創建/更新服務工作者。 所以我的問題是:我怎么能做到這一點,因為服務工作者是由next-pwa生成的,而且它似乎不可編輯,因為它被縮小了。 ...
[英]Got "Uncaught (in promise) bad-precaching-response" when deploying next-pwa(Next.js) app in vercel
我得到了Uncaught (in promise) bad-precaching-response: bad-precaching-response:: [{"url":"https://myapp.vercel.app/_error","status":404}]和我的下一個-pwa 應用程序和 ...
[英](next 10) - next-pwa does not work when add the basePath to next.config.js
我正在使用 nextJS 版本“10.0.9”和 next-pwa 版本“^5.0.6”,它們可以很好地協同工作,我的應用程序無法滿足,但由於某些原因,我需要為所有路由添加前綴,所以我添加“basePath”屬性並在 next.config.js 文件中將其設置為“/recharge-cards”但 ...
[英]Unable to build project that includes a custom worker file
我面臨一個非常奇怪的問題next-pwa 。 每當我嘗試構建包含自定義工作者 js 文件的next-pwa項目時,構建都會失敗並出現以下錯誤: 到目前為止,我已經嘗試了幾件事來解決這個問題: 克隆 repo 並更新所有依賴項(我認為問題可能與 webpack 相關) 在沒有自定義工作文件的情況下構建 ...
[英]Uncaught (in promise) TypeError: Failed to fetch Nextjs PWA using next-pwa in Chrome
嗨,我正在研究 Nextjs 項目,我嘗試使用 next-pwa 將其轉換為 PWA,首先我創建了 next.config.js 然后創建清單。json 我在頁面中的 de _document 文件中添加元數據 但是當我運行時: 在 Google Chrome 中我的 PWA 工作正常,但在控制台 ...
[英]Unsupported platform for fsevents@2.3.2 installation issue
我一直在嘗試將我的應用程序部署到 Vercel 一段時間,並且已經閱讀了 stackoverflow 上的許多帖子,這些帖子具有相同/相似的fsevents問題。 盡管如此,我還是不斷收到下面發布的相同錯誤。 我嘗試過的事情: 卸載node_modules & package-lock.js ...
[英]PWA “The start_url did respond, but not via a service worker.” — NextJS-PWA
我一直在使用next-pwa (npm link)來自動化 service-worker 設置的東西,以便在 NextJS 中設置 PWA。 在大多數情況下,一切都很順利。 但是,我一生都無法弄清楚如何解決仍然出現在燈塔審計中的一個錯誤(如下所示)。 我已經閱讀了大量帖子並嘗試實施幾種不同的解決方 ...
[英]Can't get workbox BackgroundSyncPlugin to work with next-pwa, no requests show in network tab when offline
我計划將 next-pwa 與 workbox 的后台同步插件結合使用,以在客戶端在線時重試離線 POST/PUT/DELETE 請求。 我已經設置了一個 runtimeCaching 條目: 它似乎正在緩存 GET 請求,但對 POST 請求沒有任何作用。 ...