服务工作人员已注册,并在vscode localhost上工作,但在h页托管站点上不工作。
本地宿主sw的截图。
如您所见,sw打开缓存,但随后无法注册类型错误。而有时sw甚至不会打开缓存并失败。
下面是安装和更新服务工作人员的代码片段。
var CACHE_NAME = 'dev';
var urlsToCache = [
'/',
'/styles/style.css',
];
// Installing a sevice worker and defining files to be cached.
s
service-worker.js:1 GET http://localhost:8080/service-worker.js net::ERR_FILE_EXISTS
这是我在注册服务工作者后每次刷新时收到的错误。我已经确保service-worker.js文件存在于根目录中。此外,服务人员已注册,并且工作正常。但是我仍然得到这个错误。此外,我还在使用localhost。
这是我的service-worker.js文件:
console.log("SW startup");
var CACHE_NAME = "my_cache";
var urlsToCac
我的业余爱好站点上有一位服务人员,他的install事件处理程序看起来如下(在TypeScript中):
/**
* When the service worker is being intalled, download the required assets into a temporary cache
* @param e The intall event
*/
function installHander(e: ExtendableEvent): void {
"use strict";
// Put updated resources in a n
是什么导致'InvalidStateError'拒绝承诺呢?
const SERVICE_WORKER_VERSION = "3.0.0"; // is updated in the build when things change
const CACHE_VERSION = SERVICE_WORKER_VERSION;
const fillServiceWorkerCache = function () {
/* save in cache some static ressources
this happens before activa
我当时正在观看,并将他的缓存示例视为我正在开发的应用程序的主要候选对象。我找不到代码,所以我尽可能地把它从Youtube视频中打印出来。
不幸的是,它不能在Chrome中工作(这也是他在演示中所使用的),它在Uncaught TypeError: fetch(...).then(...).timeout is not a function at self.addEventListener.event中失败了。
我在中搜索,没有找到这方面的任何踪迹,在NDC会议页面上也找不到任何东西。
//inspiration:
// https://www.youtube.c
我最近刚开始与服务工作者打交道,无论我告诉它要添加到缓存中的哪个文件,它都在添加所有内容。现在,这通常意味着我在离线应用程序方面的工作要少一些,但我有点困惑。因此,缓存似乎有两种向其添加请求的方法,.add()和.addAll(),后者能够接收一系列请求,但即使只有.add(),只要有硬编码的请求,绝对所有的请求似乎都会在缓存中结束。
我的代码如下:
if ('serviceWorker' in navigator) {
//console.log('CLIENT: service worker registration in progress.
我的Chrome控制台为提供了这个错误
service_worker_en.js:3 Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'WorkerGlobalScope': Cannot construct a Request with a Request object that has already been used.
我读过这篇文章,但仍然不知道我的代码到底出了什么问题。这是我的服务人员代码
self.addEventListener("install", fu
大家好,我是服务工作者的新手,我正面临着这个错误 The FetchEvent for "<My Local URL>" resulted in a network error response: the promise was rejected. 我不知道这是什么意思 这就是我单击offline和refresh Offline Issue From Network Tab时发生的情况 下面是我的代码 self.addEventListener('install', function(event)
{
console.log('[Serv
我使用服务工作者从另一个域缓存资源。我得到了这个错误"TypeError: RequestFailableerivce-worker.js:12“,我不知道为什么会发生这个错误。
service-worker.js
var cacheNames=['v1'];
var urlsToPrefetch=['file from other domain'];
self.addEventListener('install', function (event) {
event.waitUntil(
caches.ope
我正在用Nginx作为代理开发一个在Ubuntu中托管的Blazor应用程序。但是,当我发布应用程序并将其上传到服务器时,我所做的任何UI更改都不会反映在客户机上。应用程序是PWA。
service-worker.js
// In development, always fetch from the network and do not enable offline support.
// This is because caching would make development more difficult (changes would not
// be reflected on the
我有一个服务工作线程,它应该缓存一个在客户端没有网络连接时显示的offline.html页面。然而,它有时认为导航器是离线的,即使它不是离线的。这就是navigator.onLine === false。这意味着即使在线,用户也可能得到offline.html而不是实际内容,这显然是我想要避免的事情。
这是我在main.js中注册服务工作者的方式
// Install service worker for offline use and caching
if ('serviceWorker' in navigator) {
navigator.serviceWorker.r
我正在努力学习更多关于PWA Service Workers的知识,并想在我正在工作的这个个人项目网站上实现这一功能。当我在本地主机start_url passes and responds with a 200 offline and registers a service worker.上运行谷歌的灯塔时 但是,当我将更改推到我托管在Netlify上的Github上并运行相同的灯塔测试时,我得到:start_url does not respond with a 200 when offline. Timed out waiting for start_url to respond. D
我正在开发一个应用程序,在这个应用程序中,我想获取getCurrentPosition.我已经创建了一个PWA应用程序,还实现了脱机模式。因此,当互联网可用时,互联网在两种情况下都不可用,它工作得很好,但当蜂窝网络不可用时(飞行模式),则geolocation.getCurrentPosition函数返回空值。
服务人员代码:-
var CACHE_NAME = 'geolocation_cache';
// Install a service worker
self.addEventListener('install', event => {
eve