AWS Cloud9 не разрешает статический манифест.json, но разрешает файл css

Я разрабатываю PWA в AWS Cloud9, но это не позволит моему манифесту.json для включения / ссылки в тег ссылки. Он говорит ,что "соединение VFS отсутствует" в инструментах разработки, как будто он не может найти манифест, потому что он является внешним для приложения. Я получаю ошибку 499 в консоли. Это то же самое сообщение, которое я получаю, если я останавливаю http-сервер узла и перезагружаю страницу предварительного просмотра, потому что он не обслуживается на порту 8080. Он находит файл CSS в теге ссылки просто отлично (в той же папке), так что это потому, что это rel=manifest, или это не позволит файлу json быть включенным по соображениям безопасности или по какой-то другой причине? Кто-нибудь знает, почему этот файл не работает?

<link rel="manifest" href="manifest.json" />
16
amazon-web-services aws-cloud9 json manifest.json progressive-web-apps

2 ответов

это в основном потому, что прямо сейчас ваше приложение не является общедоступным на порту 80, как только вы будете жить, это не должно быть проблемой.

Update-альтернативный метод ниже

вы можете поместить содержимое манифеста json как строку с кодировкой base64 в самом html. Ниже приведен пример манифеста json и его реализация в теге link на странице.

{
  "name": "your app name",
  "gcm_sender_id": "xxxxxxx",
  "gcm_user_visible_only": "true"
}

на HTML странице -

<link rel="manifest" href="data:application/manifest+json;base64,ewogICJuYW1lIjogInlvdXIgYXBwIG5hbWUiLAogICJnY21fc2VuZGVyX2lkIjogInh4eHh4eHgiLAogICJnY21fdXNlcl92aXNpYmxlX29ubHkiOiAidHJ1ZSIKfQ==">
1

согласно MDN Web Docs, тег ссылки должен быть таким.

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

вот ссылка на информацию, которую я узнала. Надеюсь, это поможет.

https://developer.mozilla.org/en-US/docs/Web/Manifest

PS: Я новичок в StackOverflow, поэтому не могу комментировать вопрос, поэтому публикую некоторые исследования в самом ответе.

0