Laravel PWA服务人员添加问题

Question

我的工作是拉里渐进的网页应用程序。我在app.js中启动服务工作者。我的服务工作者文件在./public目录中。它的名字是service-worker.js。

但问题是，当我在本地主机上运行该应用程序时，它会显示控制台中的折叠错误。

“DOMException:未能注册ServiceWorker:脚本具有不受支持的MIME类型(‘text/平原’)。”

那我怎么解决这个请告诉我。在app.js中，我包括以下代码：

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

Answer 1

如果您正在使用nginx为您的项目服务，然后将其添加到服务器块中，这可能解决以下问题：

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

否则，如果您正在使用apache，那么将其放在httpd.conf中(还确保您有哑剧)：

AddType text/javascript .js

这可能解决您的问题，通常，如果您不包括mime设置在您的服务器设置，您可能会面临这些问题。我建议先检查您的服务器设置。

Answer 2

检查您的netwrok请求，当您没有正确加载service-worker.js文件时，会出现此错误。

请确保您能够通过请求的URL真正到达service-worker.js文件。