我正在使用 Create-React-App 开发一个渐进式 Web 应用程序，当我部署到 Github Pages 时，我得到 android-chrome-192x192.png 的 404。似乎 list 是从“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/
最佳答案
这是一个简单的语法错误。删除源 url 前面的“/”。请注意“favicon.icon”如何没有“/”。
例如:“src”:“android-chrome-192x192.png”，
关于github-pages - 如何使用 github 页面修复 manifest.json 404，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54527914/