Create-response-app: сайт не может быть установлен: не обнаружено подходящего работника службы

У меня проблема, я пытаюсь добавить приложение React на главный экран.

manifest.json

{
  "short_name": "Ridnois",
  "name": "Ridnois - Amazing store (dev)",
  "icons": [
    {
      "src": "r-ico-144px.png",
      "sizes": "144x144",
      "type": "image/x-ico"
    }
  ],
  "start_url": "./index.html",
  "display": "standalone",
  "theme_color": "#fefefe",
  "background_color": "#fefefe"
}

При этом я получаю эту ошибку:

Site cannot be installed: a 144px square PNG icon is required, but no supplied icon meets this requirement

Затем я попытался изменить тип значка:

"type":"image/png"

Но я получаю эту ошибку:

Site cannot be installed: no matching service worker detected. You may need to reload the page, or check that the service worker for the current page also controls the start URL from the manifest

Моя иконка PNG имеет размер 144x144px, я создал шаблон своего приложения с помощью ReactJs, мой serviceWorker работает нормально.

Чтобы устранить ошибку «не обнаружен соответствующий сервис-воркер», попробуйте опубликованный ответ в этом SO сообщение, который гласит: «Сайт не может быть установлен: не обнаружен соответствующий сервис-воркер. Вам может потребоваться перезагрузить страницу или проверить, что сервис-воркер для Текущая страница также управляет начальным URL из манифеста ".

noogui 22.08.2018 13:14

Можете ли вы поделиться своей структурой каталогов? Где находится PNG относительно manifest.json?

Daniel Bank 24.08.2018 15:45

Удалось ли это решить?

Nermin 11.08.2020 10:27
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
3
1 920
1

Ответы 1

Позвольте мне поделиться снимками того, что у меня сработало:

manifest.json

public folder contents

index.html

Кажется, Chrome хотел хотя бы 144x144, может быть, кто-нибудь, кто знает, почему это работает, может это отредактировать.

Другие вопросы по теме