diff --git a/src/_service-worker.ts b/src/service-worker.ts
similarity index 88%
rename from src/_service-worker.ts
rename to src/service-worker.ts
index fe2fb5f45..94bdf95bb 100644
--- a/src/_service-worker.ts
+++ b/src/service-worker.ts
@@ -1,6 +1,12 @@
 /// <reference types="@sveltejs/kit" />
+/// <reference no-default-lib="true"/>
+/// <reference lib="esnext" />
+/// <reference lib="webworker" />
+
 import { build, files, version } from '$service-worker';
 
+const sw = self as unknown as ServiceWorkerGlobalScope;
+
 // Create a unique cache name for this deployment
 const CACHE = `cache-${version}`;
 
@@ -9,7 +15,7 @@ const ASSETS = [
     ...files // everything in `static`
 ];
 
-self.addEventListener('install', (event) => {
+sw.addEventListener('install', (event) => {
     // Create a new cache and add all files to it
     async function addFilesToCache() {
         const cache = await caches.open(CACHE);
@@ -19,7 +25,7 @@ self.addEventListener('install', (event) => {
     event.waitUntil(addFilesToCache());
 });
 
-self.addEventListener('activate', (event) => {
+sw.addEventListener('activate', (event) => {
     // Remove previous cached data from disk
     async function deleteOldCaches() {
         for (const key of await caches.keys()) {
@@ -30,7 +36,7 @@ self.addEventListener('activate', (event) => {
     event.waitUntil(deleteOldCaches());
 });
 
-self.addEventListener('fetch', (event) => {
+sw.addEventListener('fetch', (event) => {
     // ignore POST requests etc
     if (event.request.method !== 'GET') return;