Google chrome PWA:有清单,但Chrome说;找不到舱单;?

Google chrome PWA:有清单,但Chrome说;找不到舱单;?,google-chrome,google-chrome-devtools,progressive-web-apps,Google Chrome,Google Chrome Devtools,Progressive Web Apps,更新 由于没有进行任何更改,Lighthouse神秘地停止显示“页面上找不到可用的web应用程序清单”消息,现在显示“等待开始url响应超时”。当然,这是另一篇文章的主题 我还不知道为什么Lighthouse停止显示之前的错误消息 我刚刚第一次将PWA功能添加到我的应用程序中。Chrome Lighthouse表示“页面上找不到可用的web应用程序清单。” 但是Chrome应用程序>>清单工具报告Manifest.json文件在那里——甚至从中读取数据: 下面是manifest.json文

更新

由于没有进行任何更改,Lighthouse神秘地停止显示“页面上找不到可用的web应用程序清单”消息,现在显示“等待开始url响应超时”。当然,这是另一篇文章的主题

我还不知道为什么Lighthouse停止显示之前的错误消息


我刚刚第一次将PWA功能添加到我的应用程序中。Chrome Lighthouse表示“页面上找不到可用的web应用程序清单。”

但是Chrome应用程序>>清单工具报告Manifest.json文件在那里——甚至从中读取数据:

下面是manifest.json文件的外观:

{
  "short_name": "mySiteName",
  "name": "mySiteName",
  "start_url": "/",
  "display": "standalone",
  "theme_color": "#ffffff",
  "theme-color": "#ffffff",
  "background_color": "#000000",
  "background-color": "#000000",
  "description": "my site description",
  "icons": [
    {
      "src": "/images/app-images/myLogo.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
      "src": "/images/app-images/myLogo.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ]
}
为什么Lighthouse说找不到manifest.json——而Chrome应用程序>>清单工具说找不到

更新:

一位评论员问我是否在
中链接了清单。转到生产服务器并单击查看源代码,我在标签中看到:

<head>
    [.....]
    <meta charset="utf-8">

    <meta name="robots" content="noindex">
    <link rel="manifest" href="manifest.json" crossorigin="use-credentials">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <noscript>This site requires Javascript. Please activate JavaScript in your browser.</noscript>
    [.....]
</head>

[.....]
此站点需要Javascript。请在浏览器中激活JavaScript。
[.....]

如果我粘贴
https://www.mywebsite.care/manifest.json
进入浏览器,我的manifest.json文件出现。因此,我似乎已经链接了
部分中的manifest.json文件。

这可能是因为您没有链接html文档头中的manifest文件

这可能是因为您没有链接html文档头中的manifest文件

我发现在更新pwa时实现时,仅从Chrome devtools应用程序选项卡中删除旧的serviceworker是不够的——通常还需要删除应用程序选项卡上的旧缓存存储。我猜发生的可能是过时的缓存错误。

我发现,当您更新pwa实现时,从Chrome devtools应用程序选项卡中删除旧的serviceworker是不够的——通常还需要删除应用程序选项卡上的旧缓存存储。我猜发生的可能是过时的缓存错误。

谢谢您的评论,@Ayush。我相信我已经链接了html文档头中的清单文件。我已经用其他信息更新了帖子。谢谢你的评论,@Ayush。我相信我已经链接了html文档头中的清单文件。我已经用其他信息更新了帖子。Lighthouse继续显示我的旧manifest.json,尽管我已经清除了数据。您知道如何从应用程序选项卡中删除它吗。谢谢。@LewPerren,转到“应用程序”选项卡,单击左侧的“服务人员”,然后单击“注销”链接。谢谢,明天早上我会试试,Lighthouse会继续显示我的旧manifest.json,尽管我已经清除了数据。您知道如何从应用程序选项卡中删除它吗。谢谢。@LewPerren,转到“应用程序”选项卡,单击左侧的“服务人员”,然后单击“注销”链接。这样就可以了吗?谢谢,我明天早上再试试,