manifest.json возвращает noscript

177
16 июня 2022, 22:00

У меня есть сайт KinoFinder. При первом запуске (или ctrl + F5) В консоли такая ошибка:

manifest.json:1 Manifest: Line: 1, column: 1, Syntax error.

Если ввести в адресную строку kinofinder.rf.gd/manifest.json, то мне выдает мой манифест. А если посмотреть в devTools network, что возвращает запрос на /manifest.json, то выдает сообщение, о том, что javascript не поддерживается

This site requires Javascript to work, please enable Javascript in your browser or use a browser with Javascript support

Вот мой html

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta name="Description" content="some description">
  <meta name="theme-color" content="#da931b">
  <meta name="apple-mobile-web-app-title" content="KinoFinder">
  <meta name="application-name" content="KinoFinder">
  <meta name="msapplication-TileColor" content="#464646">
  <meta name="theme-color" content="#464646 ">
  <base href="/">
  <link rel="manifest" href="manifest.json">
  <link rel="apple-touch-icon " sizes="180x180" href="/assets/icons/180x18 0.png">
  <link rel="icon" type="image/png " sizes="32x32" href="/assets/icons/32x32.png">
  <link rel="icon" type="image/png " sizes="16x16" href="/assets/icons/16x16.png">
  <link rel="mask-icon" href="/assets/icons/safari-pinned-tab.svg" color="#ff9000">
  <link rel="shortcut icon" href="/assets/icons/favicon.ico">
  <title>KinoFinder</title>
  </head><body><div id="root"></div><script src="index.afea4cc6ceceb520192b.js"></script></body></html>

Answer 1

Вместо относительного пути к manifest укажите абсолютный. Возможно у Вас сначала подгружается файл манифеста, а уже потом Javascript. Это и приводит к ошибке при первой загрузке. После загрузки файла в кэш, браузер будет показывать кэшированные данные даже при изменении их на сервере. Для обновления кэша в браузере необходимо изменить сам файл манифеста. Более подробно можно посмотреть здесь: https://domhtml.ru/atribut-manifest-dlya-tega-html/

Answer 2

Проблема в подключении манифеста по относительной ссылке.

Исправте

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

на

   <link rel="manifest" href="/manifest.json">
READ ALSO
Сделать цветную область внутри чернобелого background-image
javascript

Сделать цветную область внутри чернобелого background-image

Есть div с шириной 100% и высотой 100vh и заданной ему фоновой картинкой в качестве background; также заданы background-size: cover и filter: grayscale(100%)Нужно расположить...

 137
Обработка watch в vuetify на компоненте v-text-field
javascript

Обработка watch в vuetify на компоненте v-text-field

Всем привет

 284
Передача ID через ajax
javascript

Передача ID через ajax

Всем приветесть кнопка "Лайк" при клике которой счетчик должен увеличиваться на 1

 179
Масштабирование Яндекс карты
javascript

Масштабирование Яндекс карты

Друзья, не могу разобраться и прошу помощи у ВасНачну с кода (возможно, так будет правильно)

 258