progressive-web-apps - 为什么在使用气泡 io 注册服务工作者时我的 Mime 类型不正确？

Question

我一直在尝试将我的 bubble.io 应用程序转换为 PWA。我将清单和服务人员直接放入根目录。现在我的服务人员很空，但我只是将它用作测试。

我对清单没有任何问题，它已正确安装。我遇到的问题是服务人员。

当我尝试加载它时，它会收到以下消息：

该脚本具有不受支持的 MIME 类型 ('text/html')。

我发现了几个关于这个问题的主题，但我不能使用其中任何一个，因为我正在使用气泡 io。但我想知道我的问题是否不是来自我如何将 JS 放入文件中。

在我的页面标题中，我首先使用 html 链接清单和其他属性。

然后，如果它在 navigator 中可用，我尝试注册服务工作者：

<link rel="manifest" href="*******myurl********/manifest.json">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar" content="black">
<meta name="apple-mobile-web-app-title" content="Artransfer">
<script type="text/javascript">
var deferredPrompt;

if('serviceWorker' in navigator) {
    navigator.serviceWorker
        .register('/sw.js')
        .then( () => {
            console.log('I am registered')
        })
}

window.addEventListener('beforeinstallprompt', (event) => {
    alert('beforeinstall');
    event.preventDefault();
    deferredPrompt = event;
    return false;
})

</script>

在下面找到我的 sw 的代码（正如我所说，现在非常没用）：

//test

console.log('Speaking from inside the file');

self.addEventListener('install', (event) => {
    console.log('installation en cours...', event);
})
self.addEventListener('activate', (event) => {
    console.log('SW Activé...', event);
    return self.clients.claim();
})
self.addEventListener('fetch' ,(event) => {
    console.log('fetching something ... ', event);
})

有谁知道为什么我会收到这个 mime 类型错误？

谢谢

祝你今天过得愉快

标签： progressive-web-appsservice-workerbubble.io