WebApp:失败:服务工作者未成功提供清单的start_url

Ale*_*kov 11 google-chrome lighthouse service-worker progressive-web-apps

用Lighthouse测试网络应用后我有这样的错误:

系统不会提示用户安装Web App浏览器可以主动提示用户将您的应用添加到主屏幕,这可以提高参与度.学到更多.

失败:服务工作者未成功提供清单的start_url.

这里描述的所有标准都满足:

  1. 该网站通过HTTPS提供.
  2. 服务工作者已注册.
  3. 服务工作者的范围包括您审核的页面以及Web应用程序清单的start_url属性中指定的页面.
  4. 存在Web应用程序清单并满足以下条件:具有有效的名称属性.有一个有效的short_name属性.有一个有效的start_url属性.具有有效的显示属性,值为standalone,fullscreen或minimal-ui.指定至少为192像素x 192像素的图标.

清单文件通过脚本呈现.重要的变数是

scope_url = 'https://website.com/app/'
start_url = 'https://website.com/app/about/'
Run Code Online (Sandbox Code Playgroud)

ServiceWoker.js非常简单:

self.addEventListener('push', function(e) {

  ...
});

self.addEventListener('notificationclick', function (e) {
    ...
);
Run Code Online (Sandbox Code Playgroud)

Web应用程序和sw.js由start_url提供.

我还能检查什么?

编辑1.当我尝试从Chrome控制台"添加到主屏幕"时,我得到:

Site cannot be installed: the page does not work offline 什么接近这个评论

Ale*_*kov 5

将 start_url 更改为https://website.com/app/ 并添加:

self.addEventListener('fetch', function(e){

});
Run Code Online (Sandbox Code Playgroud)

到 serviceWorker.js 问题已经解决。