反应服务工作者无法正常工作?

时间:2018-05-03 19:43:48

标签: reactjs service-worker

Hello Guys!

今天我在网上部署了一个应用程序进行测试,但不太清楚为什么它不起作用。

我做了什么:

我使用sample react app创建了bootstrap并使用firebase进行部署。 Here is the link

预期的是什么?

我希望该应用能够在angular.io上以电话方式下载。

现实:

没什么特别的。它实际上是在服务工作者中注册的,加载和下载速度非常快,但仅此而已。

现在出现问题:

我今天已经完成了两次但却无法使用它和我所拥有的服务工作者的形象。

我该怎么办?

1 个答案:

答案 0 :(得分:1)

您需要在manifest.json中定义一个144px的方形PNG图标,以启用网络应用安装横幅。

您可以验证您的应用是否可以从桌面计算机上的Chrome添加到主屏幕。

为此,请打开网站上的Chrome开发者工具,打开“应用”标签,点击左侧导航栏中的“清单”,然后点击“添加到主屏幕”。

如果在添加到主屏幕时出现问题,控制台中会出现错误,在您提到的网站上尝试时我收到错误“无法安装网站:需要144px方形PNG图标,但没有提供的图标符合此条件要求”。

您可以在此处详细了解有关网络应用安装横幅的要求https://developers.google.com/web/fundamentals/app-install-banners/