存储在 Azure 中的 PWA - 脚本具有不受支持的 MIME 类型 ('text/plain')

Question

我正在构建我的第一个自定义服务-worker.js，我遇到了这个错误。

我正在使用 Vue + PWA（工作箱） registerServiceWorker.js :

import { register } from "register-service-worker";

if (process.env.NODE_ENV === "production") {
  console.log("service worker won't be registerd for now");
  register(`${process.env.BASE_URL}service-worker.js`, {
    ready() {
      console.log("App is being served from cache by a service worker.");
    },
    registered() {
      console.log("Service worker has been registered.");
    },
    cached() {
      console.log("Content has been cached for offline use.");
    },
    updatefound() {
      console.log("New content is downloading.");
    },
    updated() {
      console.log("New content is available; please refresh.");
    },
    offline() {
      console.log(
        "No internet connection found. App is running in offline mode."
      );
    },
    error(error) {
      console.error("Error during service worker registration:", error);
    }
  });
}

服务-worker.js :

console.log("Hello from service-worker.js");

Answer 1

为了消除这个错误，我刚刚更改了服务的内容类型-worker.js 文件（使用 Microsoft Azure 存储资源管理器 -> 右键单击 -> 属性 -> ContentType）

PS：如果你知道如何自动化，请告诉我。

存储在 Azure 中的 PWA - 脚本具有不受支持的 MIME 类型 ('text/plain')

PWA stored in Azure - The script has an unsupported MIME type ('text/plain')

azure-storage

service-worker

progressive-web-apps