Question

我正在研究laravel渐进式Web应用程序。我在app.js中启动服务工作者。我的服务工作者文件位于./public directoy中。其名称为service-worker.js。

但是问题是当我在localhost中运行该应用程序时，它在控制台中显示了以下错误。

”未捕获（承诺）DOMException：无法注册ServiceWorker：脚本具有不受支持的MIME类型（“文字/纯文本”）。”

那么我该如何解决这个问题，请告诉我。在app.js中，我包含以下代码：

if ('serviceWorker' in navigator)
{
    window.addEventListener('load', function() {
                 navigator.serviceWorker.register('/service-worker.js');
    });
}

Answer 1

检查您的netwrok请求，如果未正确加载service-worker.js文件，则会显示此错误。

确保您可以通过所请求的URL真正到达service-worker.js文件

Answer 2

如果您正在使用nginx服务您的项目，则将其添加到服务器块中可以解决此问题：

onPeopleClicked(view: View) {
    dataRetriever.getUsers(callbackGETUSERS, getAuth(), listID)
}

否则，如果您使用的是Apache，则将其放在httpd.conf中（还要确保您拥有mod_mime）：

location ~ \.js {
     add_header  Content-Type    application/x-javascript;
}

这可能会解决您的问题，通常，如果您在服务器设置中未包含mime设置，则可能会遇到这些问题。我建议先检查您的服务器设置。

Laravel PWA服务人员添加问题

2 个答案: