Почему не подключается манифест PWA?

Question

Написал валидный (вроде) манифест для PWA. Сделал иконки. Подключил файл манифеста к главной странице сайта. Проверяю через режим разработчика - а там такое:

Я думаю, что проблема в том, что я неправильно указываю пути к файлам...

Файловая структура:

Собственно, как я подключаю файл манифеста на главной странице (/main/index.html), в теге <head>:

<link rel="manifest" href="/manifest.json">

manifest.json:

{
    "theme_color": "#ededed",
    "background_color": "#ededed",
    "display": "standalone",
    "scope": ".",
    "start_url": "/index.html",
    "name": "My Appple Shop",
    "short_name": "Appple",
    "description": "My first online shop",
    "icons": [
        {
            "src": "/icons/icon-192x192.png",
            "sizes": "192x192",
            "type": "image/png"
        },
        {
            "src": "/icons/icon-256x256.png",
            "sizes": "256x256",
            "type": "image/png"
        },
        {
            "src": "/icons/icon-384x384.png",
            "sizes": "384x384",
            "type": "image/png"
        },
        {
            "src": "/icons/icon-512x512.png",
            "sizes": "512x512",
            "type": "image/png"
        }
    ]
}

Как можно исправить эту проблему, которая заключается в том, что браузер "не видит" моего манифеста для PWA?

Answer 1

<link rel="manifest" href="/main/manifest.json">

или

<link rel="manifest" href="./manifest.json">

или

<!-- Тут повнимательней -->
<link rel="manifest" href="C://path/to/project/dir/main/manifest.json">

БЛОГ НА HUSL

Почему не подключается манифест PWA?

Ответы (1 шт):