微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

为什么我的 manifest.json 文件找不到我的图标文件?

如何解决为什么我的 manifest.json 文件找不到我的图标文件?

我正在学习有关如何turn your HTML page into a PWA的在线教程。我到达了关于编写清单文件的部分。将它与我的简单 HTML 文件一起上传到远程服务器。但是,当我在 Chrome 中的 开发人员工具 中打开 应用程序 时。我看到这些消息:

manifest errors & warnings

请注意,在错误和警告部分,它表示无法加载我的:

`icon-152x152.png,icon-192x192.png,icon-144x144.png` 

图标,这很奇怪,因为我可以通过这些链接直接访问文件

http://bmgrest.byethost12.com/last/img/favIcon/icon-144x144.png

http://bmgrest.byethost12.com/last/img/favIcon/icon-152x152.png

http://bmgrest.byethost12.com/last/img/favIcon/icon-192x192.png

意味着文件存在于远程服务器上。

在下面找到我的 manifest.json 文件内容

{
"name": "BMG","short_name": "BMG","start_url": ".","display": "standalone","background_color": "#fff","description": "BMG mat meny och restaurant information","icons": [
    {
        "src": "img/favIcon/icon-152x152.png","sizes": "512x512","type": "img/png"
    },{
        "src": "img/favIcon/icon-192x192.png","sizes": "192x192","type": "img/png"       
    },{
        "src": "img/favIcon/icon-144x144.png","sizes": "144x144","type": "img/png"       
    }
 ]
}

我还在我的 HTML 标题中包含了图标链接,希望这能解决问题,但没有运气。 在下面找到我的 HTML 标题代码

enter image description here

请帮我解决这个问题。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。