सीएसएस नहीं प्रतिपादन में ऑफ़लाइन मोड का उपयोग कर सेवा में कार्यकर्ता क्रोम

0

सवाल

मैं कोशिश कर रहा हूँ करने के लिए प्रगतिशील लेखक संघ में काम करने के लिए ऑफ़लाइन मोड में है । अब तक यह सेवा सभी फाइलों से स्थानीय होस्ट, लेकिन सीएसएस प्रदान नहीं करता है. सभी फ़ाइलों अनुरोध से कैश कर रहे हैं स्थिति हो रही है 200. (जावास्क्रिप्ट और html रहे हैं पूरी तरह कार्यात्मक) यहाँ मेरी सेवा कार्यकर्ता कोड.

self.addEventListener("install", (event) => {
  event.waitUntil(
    caches.open("v1").then((cache) => {
      return cache.addAll([
        "list of assets",        
      ]);
    })
  );
});

self.addEventListener("fetch", function (event) {
  event.respondWith(
    caches.open("v1").then((cache) => {
      if (event.request.url == "http://localhost:3000/") {
        return cache
          .match("http://localhost:3000/index.html")
          .then((response) => {
            console.log({ response });
            return response;
          });
      } else {
        try {
          return cache.match(event.request).then((response) => {
            console.log(response);
            if (response != undefined) {
              console.log({ response: "Loading asset from cache." });
              return response;
            } else {
              let asset = fetch(event.request);
              cache.add(asset);
              return asset;
            }
          });
        } catch (error) {
          console.error(error);
        }
      }
    })
  );
});

1

सबसे अच्छा जवाब

0

क्या आप लिस्टिंग का प्रयास करें अपने स्टाइलशीट जहां आप 'संपत्ति की सूची'?

return cache.addAll([
    ‘./css/styles.css'
  ]);
2021-11-23 02:43:10

हाँ, यह वहाँ है, और स्थिति हो रही है 200 अनुरोध किया है जब, मैं उल्लेख करना भूल गया है कि मैं कर रहा हूँ का उपयोग कर vite. यह केवल होता है, स्थानीय मेजबान, ठीक काम करता है पर एक नियमित रूप से मेजबान.
TK421

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में