workbox-webpack-plugin相关内容

不支持请求方法';发布';

以下配置抛出错误‘请求方法’POST‘不受支持’。我已经读到存储API不会在缓存中使用POST作为键的方法来请求对象,但我不知道如何添加路由,这为这些请求显示了一种networkOnly策略。 规格(安装程序取自https://github.com/nystudio107/annotated-webpack-4-config) 使用GenerateSW webpack.setti ..
发布时间:2022-04-09 11:47:05 其他开发

如何根据环境变量自定义我的 Service Worker?

编辑:这看起来像这个 未解决的问题的副本.我将其标记为已回答还是删除? 我在 Vue CLI 3 应用程序中使用来自 workbox-webpack-plugin 的 InjectManifest.我注入的自定义服务工作者处理 Firebase 云消息传递 (FCM).我需要根据我的环境(本地、暂存和生产环境)监听来自不同发件人的消息. 理想情况下,service-worker.js ..

使用 Webpack 仅通过 Workbox 插件构建 Service Worker 代码 ->无法为预缓存指定入口目录

我已经使用 Workbox CLI 成功构建了 Service Worker 代码. 现在我希望让Webpack运行相关插件并相应地准备SW代码. 我的网站 90% 是静态的,其静态文件(html 和 css)位于 httpdocs/目录树中.在同一个目录中,我希望 Workbox 创建所有服务工作者代码. 我的 webpack 配置文件很简单: const WorkboxPl ..
发布时间:2021-09-23 19:14:27 其他开发

工作箱 serviceworker 在除 Chrome 之外的任何地方工作:未捕获(承诺)DOMException

Workbox 不适用于 Chrome,但它适用于其他任何地方,这很讽刺,因为我相信这是一个谷歌图书馆,显示的错误是: 未捕获(承诺)DOMException:sw.js 第 1 行 铬: 歌剧 火狐 我正在使用 workbox-webpack-plugin webpack.config.js const workbox = require('workbox-web ..
发布时间:2021-09-23 19:06:46 前端开发

使用 workbox-webpack-plugin 时,预缓存资产使用什么工作箱策略?

我正在尝试了解工作箱和服务工作者. 使用 workbox-webpack-plugin 和 GenerateSW 模式时,预缓存资产使用的工作箱策略是什么?IE.cacheFirst、staleWhileRevalidate 等.因为我似乎没有为预缓存资产设置路由/策略,以便 service-worker 更新这些资产的缓存.那么这些的默认处理程序是什么? 其次,来自服务器响应的 Ca ..
发布时间:2021-07-21 18:42:33 其他开发

Workbox 似乎没有从 webpack 构建中预先缓存块

我正在使用 Webpack 编译我的网站和 Workbox Webpack Plugin 来编译 service worker. 尽管 Workbox 创建的清单包含指向正确块名称数组的链接(具有该特定构建的正确哈希),但 Chrome DevTools 似乎并未将块包含在预缓存列表中(DevTools > Application> 缓存存储). 这是我的插件配置: new Gene ..

在单页应用中检查 Service Worker 更新

我们有一个安装了 Service Worker 并处于活动状态的信号页面应用程序. 现在我们的服务器重建了应用程序,Service Worker 文件正在服务器端更新. 我们的客户不知道这个新的 Service Worker 文件,它仍在使用旧的 Service Worker 文件. 何时有效?如果我刷新/重新加载应用程序,则正在安装新的 Service Worker. 如 ..
发布时间:2021-07-21 18:42:10 其他开发

无法在 React 应用程序的根 url 中安装 workbox-webpack-plugin 的 service worker,它安装在 localhost:8080/dist

我一直在关注很多关于如何安装 workbox-webpack-plugin 的教程,但我没有成功地正确安装它.服务工作者似乎正在安装,但它安装在我的应用程序的 dist 文件夹中(这是我的 webpacks 输出路径).我认为这没有任何问题,但是当我运行我的应用程序时,没有错误,但服务工作者没有运行,我注意到它被安装在 localhost:8080/dist(输出路径)上,即使我尝试在 Herok ..
发布时间:2021-07-05 20:32:29 其他开发

当路由器处于历史模式时 PWA 不加载(基于 Vue CLI 3 的项目)

我有一个基于 Vue CLI 3 的应用程序,我想将其用作 PWA.我需要它在历史模式下工作,因为哈希干预重定向,我正在做的重定向是基于 OAuth 的身份验证过程的一部分. 当路由处于散列模式时,它会设法加载为 PWA.一旦我将模式更改为“历史记录",我安装的 PWA 将不再加载——而是出现白屏.我检查了浏览器版本,它仍然可以正常工作(我将 NGINX 服务器中的回退配置为 index.h ..

使用Webpack + Workbox从App内部访问服务工作者skipWaiing

我有一个使用Aurelia构建并通过Webpack进行编译的PWA,使用了生成 sw.js 服务工作程序文件的Workbox插件.我正在尝试使“新版本可用"用户通知,以便用户在单击应用程序内的链接时可以激活新版本. 我已经在后台成功下载并安装了新版本,甚至检测到已准备好新版本.但是,当我尝试调用 skipWaiting()方法以使用新版本强制刷新页面时,它失败了,因为显然我没有正确的范围或对 ..
发布时间:2021-04-12 19:49:10 其他开发

workbox-webpack-plugin&有角度的.如何在Angular中收听broadcastUpdate事件

我正在尝试在我的Angular应用程序中使用service-worker.它是使用webpack构建的. 我使用workbox-webpack-plugin.我想为我的GET API调用提供表单缓存,并在后台更新数据. 为此,我将选项 runtimeCaching 与处理程序 staleWhileRevalidate (),但我不确定如何解决它. 有人能成功从Angular组件收 ..

workbox-webpack-plugin&有角度的。如何在Angular中收听广播更新事件

我正试图在我的Angular应用程序中使用service-worker。 我使用workbox-webpack-plugin。我想为我的GET API调用提供表单缓存,并在后台更新数据。 为此,我使用选项 runtimeCaching 和处理程序 staleWhileRevalidate (有关GenerateSW插件的更多详细信息,请点击此处) 这是我在webpack.conf ..

如何根据环境变量自定义我的Service Worker?

编辑:这看起来像是这个“>未解决问题的副本. 我是将其标记为已回答还是删除? 我正在Vue CLI 3应用程序内的workbox-webpack-plugin中使用InjectManifest.我要注入的自定义服务人员已经处理了Firebase Cloud Messaging(FCM).我需要根据自己的环境(本地,暂存和生产环境)侦听来自不同发件人的消息. 理想情况下,service- ..

如何使用Laravel Mix和WorkBox?

我正在尝试为我的应用构建PWA;并且花了近48个小时试图弄清楚如何将Workbox与Laravel Mix结合使用.具有讽刺意味的是,Google表示Workbox旨在使事情变得简单! Buh! 好的,到目前为止,我已经知道了- 我需要使用InjectManifest Plugin,因为我想在我的Service Worker中集成推送通知服务 我不知道如何指定swSrc和s ..