我一直在尝试将我的 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 类型错误?
谢谢
祝你今天过得愉快