Реактив работника не работает?

Question

Привет, ребята!

Сегодня я развернул приложение для тестирования, но не очень хорошо понял, почему оно не работает.

Что я сделал:

Я создал sample react app с использованием bootstrap и использовал firebase для его развертывания. Вот ссылка .

Что ожидалось?

Я хотел, чтобы приложение можно было загружать на телефон как angular.io .

Реальность:

Ничего особенного. На самом деле он зарегистрирован в сервисной службе и очень быстро загружается и загружается, но не более того.

Проблема сейчас:

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

Что мне делать?

Answer 1

Чтобы включить баннер для установки веб-приложения, необходимо указать квадратный значок PNG размером 144px в manifest.json.

Вы можете проверить, можно ли добавить приложение на рабочий стол из Chrome на настольном компьютере.

Для этого откройте инструменты разработчика Chrome на своем веб-сайте, откройте вкладку «Приложение», нажмите «Манифест» на левой панели навигации, а затем нажмите «Добавить на домашний экран».

Если при добавлении на домашний экран возникла проблема, в консоли появится ошибка, при попытке ее на веб-сайте, о котором вы упомянули, я получил сообщение об ошибке «Сайт не может быть установлен: требуется квадратный значок PNG размером 144px, но ни один из поставляемых значков не соответствует этому» требование.

Подробнее о требованиях к баннерам для установки веб-приложений вы можете прочитать здесь https://developers.google.com/web/fundamentals/app-install-banners/.