Manifest.json для прогрессивного веб-приложения не работает - PullRequest
Новая
       19

Manifest.json для прогрессивного веб-приложения не работает

0 голосов
/ 29 мая 2018

Я пытаюсь заставить файл manifest.json работать для моего веб-приложения.К сожалению, это не работает правильно.Я получаю следующую ошибку в chrome devtools:

Строка: 1, столбец: 1, Неожиданный токен.

Я почти уверенчто JSON действителен, но он, вероятно, как-то связан с путем в .Что я здесь не так делаю?

Я ссылаюсь на него в своем html-коде так: 

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

Манифест выглядит следующим образом: 

{
  "short_name": "Tabbs Web App",
  "name": "Tabbs Web App",
  "description": "Tabbs is an digital booking service for the night life scenery",
  "icons": [
    {
      "src": "favicon.png",
      "sizes": "1024x1024",
      "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "fullscreen",
  "theme_color": "#F5C33E",
  "background_color": "#ffffff"
}

Это моя структура карты:

enter image description here

Надеюсь, кто-нибудь найдет проблему!Ура!

Ответы [ 2 ]

0 голосов
/ 16 июля 2019

1-я вещь: Эта "name": "slangoApp", должна быть такой же "name": "slangoapp", Пожалуйста, помните, что она не должна содержать заглавные буквы пробелов.

2-я вещь: 

<link rel="manifest" href="manifest.json">
0 голосов
/ 29 мая 2018

Первая проблема, ваш start_url недействителен.Вы должны научиться использовать как генерировать отчет Lighthouse , чтобы найти причину проблемы.

Вместо начального URL, как это 

"start_url": "./index.html",

Попробуйте это или просто удалите "."из приведенного выше URL и попробуйте, все зависит от вашей сборки и хостинга, местоположения манифеста и index.html и т. д. Поэтому вам нужно попробовать несколько вариантов и посмотреть, что работает.

"start_url": "http://tabbs-web-app.herokuapp.com/discover/home",

Я не получаю ошибку, которую вы упомянули.Я получаю ниже, хотя, потому что ваш сайт загружает контент из запросов не HTTPS.Если вы хотите сделать свой сайт PWA, преобразуйте все HTTP-запросы через HTTPS и добавьте работника сервиса.

Site cannot be installed: the page is not served from a secure origin

Вот отчет о проверке Маяка, в котором говорится, что Манифест не enter image description here

...