Deprime
@Deprime
web-developer

Как правильно настроить nuxt-pwa модуль и workbox?

Добрый день, коллеги.
Есть проект на nuxt.js, к которому накатили модуль nuxt-pwa. В частности, хотелось, чтобы приложение само ощущало, что его сборка обновилась и предлагало пользователю перезагрузить приложение.
Сделано все по туторам из интернетов. Каждый раз, когда запускается приложение, оно считает, что оно обновилось и предлагает перезагрузить страницу.

Код в nuxt.config.js в секции pwa
pwa: {
    meta: {
      title: 'Ullanor',
      author: 'Deprime',
    },
    manifest: {
      name: 'Ullanor mobile',
      short_name: 'Ullanor',
      lang: 'ru',
    },
  },


Код плагина для workbox:
export default async (context) => {
  const workbox = await window.$workbox;
  if (!workbox) {
    console.debug("Workbox couldn't be loaded.");
    return;
  }
  workbox.addEventListener('installed', (event) => {
    if (event.isUpdate) {
      const reload = confirm("Приложение Улланор обновилось. Перезагрузить страницу?");
      if (reload) {
        window.location.reload();
      }
      return;
    }
  });
};


Подскажите, где зарыта собака? Приложение ориентировано на мобильную аудиторию. Может workbox как-то криво работает в мобильных браузерах?
  • Вопрос задан
  • 315 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы