修复了pwa不能正确加载的问题

index.html

@@ -6,6 +6,7 @@
   <link rel="icon" type="image/png" sizes="128*128" href="/src/assets/neno.ico" />
   <link rel="icon" type="image/png" sizes="512x512" href="/src/assets/neno.png" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="manifest" href="/public/manifest.json" />
 
   <meta name="title" content="NENO">
   <meta name="description" content="NENO">
@@ -14,7 +15,7 @@
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
   <link href="//cdn.quilljs.com/1.0.0/quill.snow.css" rel="stylesheet">
   <!--Set browser chrome theme color here-->
-  <meta name="theme-color" content="#f7fafc" />
+  <meta name="theme-color" content="#f3f4f6" />
   <!--Load google fonts here-->
   <link href="https://fonts.googleapis.com/css?family=Oswald|Roboto&display=swap" rel="stylesheet" />
 </head>
@@ -70,5 +71,5 @@
   ::-webkit-scrollbar-thumb:active {
     background: #13B66A !important;
   }
-  
-</style>
+
+</style>

package.json

@@ -4,32 +4,21 @@
   "scripts": {
     "dev": "cross-env NODE_ENV=development vite",
     "build": "vite build",
-    "test": "jest",
-    "test:watch": "jest --watchAll",
     "serve": "vite preview"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^1.0.0-next.11",
-    "@testing-library/svelte": "^3.0.3",
-    "@types/jest": "^26.0.21",
     "autoprefixer": "^10.2.5",
-    "babel-jest": "^26.6.3",
     "cross-env": "^7.0.3",
     "cssnano": "^5.0.6",
-    "jest": "^26.6.3",
     "postcss": "^8.2.7",
     "postcss-load-config": "^3.0.1",
-    "svelte-jester": "^1.3.1",
     "svelte": "^3.42.1",
     "svelte-preprocess": "^4.10.1",
-
-    "ts-jest": "^26.5.4",
     "typescript": "^4.2.3",
     "vite": "^2.1.0"
   },
   "dependencies": {
-    "tailwindcss": "^3.0.7",
-    "@octokit/auth-app": "^3.0.0",
     "@octokit/endpoint": "^6.0.1",
     "@octokit/request-error": "^2.0.0",
     "@octokit/types": "^6.7.1",
@@ -38,16 +27,9 @@
     "idb": "^7.0.0",
     "is-plain-object": "^5.0.0",
     "js-base64": "^2.6.4",
-    "prosemirror-example-setup": "^1.1.2",
-    "prosemirror-model": "^1.13.3",
-    "prosemirror-schema-basic": "^1.1.2",
-    "prosemirror-schema-list": "^1.1.4",
-    "prosemirror-state": "^1.3.4",
-    "prosemirror-transform": "^1.2.11",
-    "prosemirror-view": "^1.17.5",
     "qiniu-js": "^3.1.2",
     "quill": "^1.3.7",
-    "universal-user-agent": "^6.0.0",
+    "tailwindcss": "^3.0.7",
     "wangeditor": "^4.6.6"
   }
 }

public/manifest.json

@@ -0,0 +1,19 @@
+{
+  "name": "NENO",
+  "short_name": "NENO",
+  "theme_color": "#f3f4f6",
+  "background_color": "#f3f4f6",
+  "display": "standalone",
+  "Scope": "/",
+  "start_url": "/index.html",
+  "icons": [
+    {
+
+      "src": "/neno.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+
+  ],
+  "splash_pages": null
+}

public/service-worker.js

@@ -0,0 +1,37 @@
+var cacheName = "sgtoilet-cache-" + Date.now();
+var filesToCache = [
+  "/",
+  "/index.html",
+  "/main.css",
+  "/main.js",
+  "/components.css",
+  "https://fonts.googleapis.com/css?family=Oswald|Roboto&display=swap"
+];
+self.addEventListener("install", function (e) {
+  e.waitUntil(
+    caches.open(cacheName).then(function (cache) {
+      return cache.addAll(filesToCache);
+    })
+  );
+});
+self.addEventListener("activate", e => {
+  e.waitUntil(
+    caches.keys().then(function (cacheNames) {
+      return Promise.all(
+        cacheNames.map(function (thisCacheName) {
+          if (thisCacheName !== cacheName) {
+            return caches.delete(thisCacheName);
+          }
+        })
+      );
+    })
+  );
+});
+self.addEventListener("fetch", e => {
+  e.respondWith(
+    (async function () {
+      const response = await caches.match(e.request);
+      return response || fetch(e.request);
+    })()
+  );
+});

src/App.svelte

@@ -1,5 +1,5 @@
 <script>
-    import HelloWorld from "./components/HelloWorld.svelte";
+    import HelloWorld from "./pages/HelloWorld.svelte";
     import Router from "./components/Router.svelte";
     import Tailwind from "./Tailwind.svelte";
 
@@ -34,9 +34,9 @@
     } from "./request/fetchApi";
     import {is_empty} from "svelte/internal";
 
-    // if ("serviceWorker" in navigator) {
-    //     navigator.serviceWorker.register("/service-worker.js");
-    // }
+    if ("serviceWorker" in navigator) {
+        navigator.serviceWorker.register("/public/service-worker.js");
+    }
     let tasking = false;
     onMount(() => {
         let setting = window.localStorage.getItem("settingStore");