Android本地主机：“获取脚本时发生未知错误”适用于Firebase Messaging ServiceWorker

如何解决Android本地主机：“获取脚本时发生未知错误”适用于Firebase Messaging ServiceWorker

我正在使用具有Ionic Angular框架的Web应用程序，该应用程序应该能够在通过浏览器提供服务的应用程序及其Android版本之间跨消息发送。我正在使用Firebase Cloud Messaging，因为我的应用程序否则已使用Firebase。

我遵循了本教程https://medium.com/@david.dalbusco/add-web-push-notifications-to-your-ionic-pwa-358f6ec53c6f，并且还对同一位作者https://itnext.io/follow-up-web-push-notifications-and-pwa-in-2020-54d27fbc829a的帖子进行了后续跟踪。

在Firefox和Chrome上进行本地测试时，一切正常。可以发送和接收邮件。

当我尝试在Android测试设备上实现相同目标时，就会出现问题。 ServiceWorker无法注册。 SW脚本（“ firebase-messaging-sw.js”）位于src网络根目录中。我很繁琐地阅读了所有说明，因此我的angular.json文件还包含一个带有

的参考

"assets":
  [...
    "src/firebase-messaging-sw.js"
  ]

在Android上将我的应用作为调试程序包运行并将其连接到Chrome DevTools时，设备检查会打印出以下错误：

TypeError: Failed to register a ServiceWorker for scope ('https://localhost/') with script ('https://localhost/firebase-messaging-sw.js'): An unknown error occurred when fetching the script.

但是，当我在DevTools窗口的地址栏中输入给定的路径https：//localhost/firebase-messenging-sw.js时，就会找到该文件并显示其内容。

使用http时会发生完全相同的问题。

现在，对于Android，我已经在<preference name="Scheme" value="https" />中添加了行<preference name="ResolveServiceWorkerRequests" value="true" />和config.xml。但是如您所见，它没有帮助。

我浏览了Firebase文档，仔细检查了给定的准则并在StackOverflow上进行了搜索。关于ServiceWorker返回404的参考类似，但都与Android上的问题无关。

我是否忽略了某些特定于Android的东西来使ServiceWorker在设备上的localhost工作？

解决方法

问题可能是您正在尝试访问另一台设备上的localhost，并尝试用实际的服务器IP https://dev.to/jha/how-to-test-ionic-react-pwa-on-an-actual-device-while-developing-you-should-36m

替换它。