如何使用github页面修复manifest.json 404

时间:2019-02-05 05:00:41

标签: github-pages create-react-app lighthouse

我正在使用Create-React-App开发渐进式Web应用程序,当我部署到Github页面时,我得到了android-chrome-192x192.png的404。清单似乎是从“ myName.github.io/”而不是“ myName.github.io/myProject/”请求它的。当我在文件路径中添加项目名称时,在开发服务器上出现错误,提示该映像不存在!所有其他图标都工作正常,问题似乎仅在于192x192 png。如果有人遇到同样的问题,我将不胜感激,非常感谢!

这是网站的实时版本,其中包含错误:https://brose55.github.io/robofriends/

这是使用Create-React-App制作并部署到Github Pages的PWA。我试图更改文件路径,但没有任何效果。

"icons": [
{
  "src": "favicon.ico",
  "sizes": "64x64 32x32 24x24 16x16",
  "type": "image/x-icon"
},
    {
        "src": "/android-chrome-192x192.png",
        "sizes": "192x192",
        "type": "image/png"
    },
    {
        "src": "/android-chrome-384x384.png",
        "sizes": "512x512",
        "type": "image/png"
    }
],

来自... github.io/robofriends的预期请求,但来自... github.io /

1 个答案:

答案 0 :(得分:0)

这是一个简单的语法错误。删除源网址前面的“ /”。注意“ favicon.icon”如何没有“ /”。
例如:“ src”:“ android-chrome-192x192.png”,