我在我的 React-JS 项目中使用 Service Worker。我们的项目在两种浏览器和操作系统的组合下运行。Chromium-102.0.5005.63 和 Windows 7Chromium-49.0.2623.75 和 Windows XPService Worker 在 Chromium-102.0.5005.63 和 Windows 7 下运行良好,但在 Chromium-49.0
我正在努力让一个简单的服务工作线程离线工作。我尝试了很多示例,但都没有成功。一开始我以为是因为我使用的是动态的基于 php 的网站,或者可能是我的服务器或我的 htaccess。这对我来说是个谜。在获取 index.html 时,我的本地主机上的所有内容都可以正常工作,但在服务器上,即使在分析 chrome devtools 网络选项卡时其他所有内容都在加载,页面也无法离线加载。因此,我尝试在我的
2019-10-08
我有一个包含 HTML 表单和一些基本 jQuery/AJAX 的页面。没有警告,没有错误,一切都运行正常。但是,当我打开标签时,随着时间的推移,我会收到大量这些错误:VM15 newtab-serviceworker.js:16Uncaught (in promise) ReferenceError: FILES is not defined这是 newtab-serviceworker.js
2019-01-15
我正在使用 create-react-app 实用程序创建一个 ReactJS 应用程序。我该如何配置它以使用包含服务工作者的文件?编辑:对我来说,从 Javascript 方面来说很清楚,在我的 index.js 中添加注册:if ('serviceWorker' in navigator) {navigator.serviceWorker.register('./service_workers
2016-08-06
大家好!今天我在线部署了一个应用程序来测试它,但不太明白为什么它不起作用。我做了什么:我使用bootstrap创建了一个示例 React 应用程序,并使用firebase来部署它。这是链接。预期是什么?我希望该应用程序能够像angular.io一样在手机上下载。现实:没什么特别的。它实际上已在 Service Worker 中注册,并且加载和下载速度非常快,但仅此而已。现在的问题:我今天已经做了两
2018-05-03
我正在尝试在 React 应用中安装服务工作线程。但是当我尝试注册它时,它失败了:Uncaught (in promise) TypeError: Failed to register a ServiceWorker: ServiceWorker script evaluation failed我的代码在 App.js 中,其中的代码是:import React, { Component } fr
2018-08-24
我无法注册服务工作线程。该文件位于 index.js 和 app.js 旁边。我收到以下错误A bad HTTP response code (404) was received when fetching the script.Failed to load resource: net::ERR_INVALID_RESPONSERegistration failed TypeError: Fail
2019-03-01
我正在使用 ReactJS 制作一个基本的 Web 应用程序来创建推送通知。我想让用户能够通过单击按钮手动注册服务工作线程。但什么也没发生(控制台中没有成功消息)。我是不是哪里出错了?在标准 js 文件中,注册服务工作线程的代码可以工作(虽然没有按钮),但在 react 文件中却不行。注册服务工作线程的代码:以及按钮上的事件监听器:提前致谢!
2019-07-09
我正在学习 PWAs,并尝试将我新学到的缓存策略知识应用到 React 应用上,但尽管我已将src/index.js中的行更改为serviceWorker.register(),并且此方法有效,但无法访问最近创建的文件public/service-worker.js。为了尝试,我在src/serviceWorker.js上创建了一个“自定义注册函数”:export function customR
我在公共文件夹中有service-worker.js。当我注册服务工作者时,我必须说navigator.serviceWorker.register('./public/csw.js')但问题是现在服务工作者的范围设置为http://localhost:2009/public并且我想捕获http://localhost:2009/的获取请求如果我尝试更改服务工作者的范围navigator.serv
2019-12-17
我是 Web 开发新手,如果我的问题不清楚,请见谅。我正在尝试制作 PWA,目前正在测试我的清单和服务工作线程是否正常工作。在我的项目中,我有一个 index.html 文件,它调用文件 app.js,我尝试在其中注册名为 serviceworker.js 的服务工作线程。这是我尝试注册服务工作线程的代码段:if('serviceWorker' in navigator) {navigator.s
2020-03-27
我的应用程序中有两个服务工作线程。第一个由 create-react-app 通过 workbox 自动生成,负责缓存静态构建资产,例如已编译的 javascript 和 css 文件。第二个由我手动创建,负责在用户在应用程序中收到新消息时发送推送通知。问题是,这两者都需要访问根范围,而我最近才发现两个服务工作线程不能共享一个范围。我该如何协调呢?第二个服务工作线程(用于推送通知)仅在用户单击以允
2020-10-22