PWA:清单在那里,但是Chrome说“找不到清单”吗?

维克

更新

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

我尚不知道为什么Lighthouse停止显示上一条错误消息。


我刚刚第一次在我的应用程序中添加了PWA功能。Chrome Lighthouse说“页面上找不到可用的Web应用清单”。

在此处输入图片说明

但是Chrome应用程序>>清单工具报告存在manifest.json文件-甚至从其中读取数据:

在此处输入图片说明

Here's what the manifest.json file looks like:

{
  "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"
    }
  ]
}

Why is Lighthouse saying the manifest.json isn't found -- when the Chrome Application>>Manifest tool says that it is?

Update:

A commenter asked if I'd linked the manifest in the <head>. Going to the production server and clicking view source, I see in the <head> tag:

<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>

If I paste https://www.mywebsite.care/manifest.json into the browser, my manifest.json file comes up. So it appears that I have linked the manifest.json file in the <head> section.

VikR

I found out that when you are updating a pwa implementation, it's not enough to delete the old serviceworker from the Chrome devtools Application tab -- it's also often necessary to delete the old Cache Storage on the Application tab as well. I guess what was happening may have been a stale cache error.

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

当地的apt-mirror说找不到发布,但是在那里,我想念的是什么

来自分类Dev

Django找不到我的基本模板,但是它在那里

来自分类Dev

找不到类型或名称空间,但在那里

来自分类Dev

'ld:找不到用于建筑的符号???' 即使在那里

来自分类Dev

jQuery找不到某些元素,即使它们在那里

来自分类Dev

Discord PHP OAUTH - 在那里找不到类

来自分类Dev

cli 找不到就在那里的文件夹

来自分类Dev

Mongo更新响应说没有文档更新,但是文档在那里

来自分类Dev

Vim说'missing:endif',但是我确定它在那里

来自分类Dev

Vim说'missing:endif',但是我确定它在那里

来自分类Dev

dplyr`pivot_longer()`对象未找到,但是就在那里吗?

来自分类Dev

Android NDK链接V8静态库:找不到符号,但它们在那里

来自分类Dev

“找不到具有ID的列”,但该列在那里

来自分类Dev

为什么libnettle 2.7.1的.configure找不到-lgmp,即使它在那里?

来自分类Dev

在配置文件中找不到连接字符串。但它在那里

来自分类Dev

尝试Link_to_Asset(Laravel)找不到文件(但它在那里)

来自分类Dev

在清单Kotlin中找不到RemoveAt吗?

来自分类Dev

我可以在console.debug()并使Chrome Dev-tools断点在那里吗?

来自分类Dev

Devise无法检测到:omniauthable,但是它在那里

来自分类Dev

img不可见..但是它在那里

来自分类Dev

找不到清单文件

来自分类Dev

找不到路径C#asp.net的一部分,路径在那里

来自分类Dev

Inno 安装程序抛出错误“找不到匹配的文件”即使是艰难的文件也在那里

来自分类Dev

.remove()之后元素还在那里吗?

来自分类Dev

列在那里,但是当我尝试删除它时,它说MYSQL中没有列?**错误代码:1091。无法删除... **

来自分类Dev

列在那里,但是当我尝试删除它时,它说MYSQL中没有列?**错误代码:1091。无法删除... **

来自分类Dev

在清单中找不到BroadcastReceiver

来自分类Dev

Gradle找不到清单文件

来自分类Dev

找不到喷雾清单马歇尔

Related 相关文章

  1. 1

    当地的apt-mirror说找不到发布,但是在那里,我想念的是什么

  2. 2

    Django找不到我的基本模板,但是它在那里

  3. 3

    找不到类型或名称空间,但在那里

  4. 4

    'ld:找不到用于建筑的符号???' 即使在那里

  5. 5

    jQuery找不到某些元素,即使它们在那里

  6. 6

    Discord PHP OAUTH - 在那里找不到类

  7. 7

    cli 找不到就在那里的文件夹

  8. 8

    Mongo更新响应说没有文档更新,但是文档在那里

  9. 9

    Vim说'missing:endif',但是我确定它在那里

  10. 10

    Vim说'missing:endif',但是我确定它在那里

  11. 11

    dplyr`pivot_longer()`对象未找到,但是就在那里吗?

  12. 12

    Android NDK链接V8静态库:找不到符号,但它们在那里

  13. 13

    “找不到具有ID的列”,但该列在那里

  14. 14

    为什么libnettle 2.7.1的.configure找不到-lgmp,即使它在那里?

  15. 15

    在配置文件中找不到连接字符串。但它在那里

  16. 16

    尝试Link_to_Asset(Laravel)找不到文件(但它在那里)

  17. 17

    在清单Kotlin中找不到RemoveAt吗?

  18. 18

    我可以在console.debug()并使Chrome Dev-tools断点在那里吗?

  19. 19

    Devise无法检测到:omniauthable,但是它在那里

  20. 20

    img不可见..但是它在那里

  21. 21

    找不到清单文件

  22. 22

    找不到路径C#asp.net的一部分,路径在那里

  23. 23

    Inno 安装程序抛出错误“找不到匹配的文件”即使是艰难的文件也在那里

  24. 24

    .remove()之后元素还在那里吗?

  25. 25

    列在那里,但是当我尝试删除它时,它说MYSQL中没有列?**错误代码:1091。无法删除... **

  26. 26

    列在那里,但是当我尝试删除它时,它说MYSQL中没有列?**错误代码:1091。无法删除... **

  27. 27

    在清单中找不到BroadcastReceiver

  28. 28

    Gradle找不到清单文件

  29. 29

    找不到喷雾清单马歇尔

热门标签

归档