Как исправить manifest.json 404 на страницах github

Я работаю над прогрессивным веб-приложением с помощью Create-React-App, и при развертывании на страницах Github я получаю 404 для android-chrome-192x192.png. Похоже, что манифест запрашивает его у myName.github.io/ вместо myName.github.io/myProject/. Когда я добавляю имя проекта в путь к файлу, я получаю сообщение об ошибке на моем сервере разработки, говоря, что изображение не существует! Все остальные значки работают нормально, проблема, похоже, только в формате 192x192 png. Буду признателен за помощь, если у кого-то была такая же проблема, большое спасибо!

Вот действующая версия веб-сайта с ошибками: https://brose55.github.io/robofriends/

Это для PWA, созданного с помощью Create-React-App и развернутого на Github Pages. Я пытался изменить пути к файлам, но ничего не работает.

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


create-react-app github-pages lighthouse
person BRose    schedule 05.02.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это простая синтаксическая ошибка. Удалите '/' перед URL-адресом источника. Обратите внимание, что в favicon.icon нет символа «/».
пример: "src": "android-chrome-192x192.png",

person BRose    schedule 05.02.2019