if ('serviceWorker' in navigator)
navigator.serviceWorker.register('/dev-sw.js?dev-sw', {
scope: '/',
type: 'classic',
})
dev-dist/sw.js
/**
* Copyright 2018 Google Inc. All Rights Reserved.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
// If the loader is already loaded, just stop.
if (!self.define) {
let registry = {}
// Used for `eval` and `importScripts` where we can't get script URL by other means.
// In both cases, it's safe to use a global var because those functions are synchronous.
let nextDefineUri
const singleRequire = (uri, parentUri) => {
uri = new URL(uri + '.js', parentUri).href
return (
registry[uri] ||
new Promise((resolve) => {
if ('document' in self) {
const script = document.createElement('script')
script.src = uri
script.onload = resolve
document.head.appendChild(script)
} else {
nextDefineUri = uri
importScripts(uri)
resolve()
}
}).then(() => {
let promise = registry[uri]
if (!promise) {
throw new Error(`Module ${uri} didn’t register its module`)
}
return promise
})
)
}
self.define = (depsNames, factory) => {
const uri =
nextDefineUri ||
('document' in self ? document.currentScript.src : '') ||
location.href
if (registry[uri]) {
// Module is already loading or loaded.
return
}
let exports = {}
const require = (depUri) => singleRequire(depUri, uri)
const specialDeps = {
module: { uri },
exports,
require,
}
registry[uri] = Promise.all(
depsNames.map((depName) => specialDeps[depName] || require(depName))
).then((deps) => {
factory(...deps)
return exports
})
}
}
define(['./workbox-9637eeee'], function (workbox) {
'use strict'
self.addEventListener('message', (event) => {
if (event.data && event.data.type === 'SKIP_WAITING') {
self.skipWaiting()
}
})
/**
* The precacheAndRoute() method efficiently caches and responds to
* requests for URLs in the manifest.
* See https://goo.gl/S9QRab
*/
workbox.precacheAndRoute(
[
{
url: 'registerSW.js',
revision: '3ca0b8505b4bec776b69afdba2768812',
},
{
url: 'index.html',
revision: '0.7kniv7baauo',
},
],
{}
)
workbox.cleanupOutdatedCaches()
workbox.registerRoute(
new workbox.NavigationRoute(workbox.createHandlerBoundToURL('index.html'), {
allowlist: [/^\/$/],
})
)
})
Problems:
The server keeps reloading when a GET request gets send to it, it seams something is triggering a change in the dev-dist\registerSW.js![image](https://github.com/vite-pwa/docs/assets/87845126/6b534760-cc37-4b1b-b427-971e09173d7c)
Expected behavior:
The server only reloads when I change files...
Code:
vite.config.js
dev-dist/registerSW.js
dev-dist/sw.js
dist/manifest.webmanifest
Comments:
I don't know if this is the expected behavior but I feel it's not, maybe I´m missing something (?)