Создание работника службы в vue. js с использованием сбоев injectmanifest на рабочем столе - PullRequest
Новая
       95

Создание работника службы в vue. js с использованием сбоев injectmanifest на рабочем столе

0 голосов
/ 21 марта 2020

Я пытаюсь использовать возможности прогрессивного веб-приложения vue. js, создавая работника настраиваемого сервиса через рабочий ящик. Каждый раз, когда я пытаюсь создать приложение, я получаю следующую ошибку: AssertionError [ERR_ASSERTION]: swSrc must be set to the path to an existing service worker file.

project / vue .config. js: 

module.exports = {
  runtimeCompiler: true,
  pwa: {
    workboxPluginMode: "InjectManifest",
    plugins: [
      new InjectManifest({
        swSrc: "src/service-worker.js"
      })
    ]
  }
};

project / src / service-worker . js: 

self.__precacheManifest = [].concat(self.__precacheManifest || []);
workbox.precaching.suppressWarnings();
workbox.precaching.precacheAndRoute(self.__precacheManifest, {});

//Web Push Notifications//
let click_open_url;
self.addEventListener("push", function(event) {
  let push_message = event.data.json();
  // push notification can send event.data.json() as well
  click_open_url = push_message.notification.data.url;
  const options = {
    body: push_message.notification.body,
    icon: push_message.notification.icon,
    image: push_message.notification.image,
    tag: "alert"
  };
  event.waitUntil(
    self.registration.showNotification(push_message.notification.title, options)
  );
});

self.addEventListener("notificationclick", function(event) {
  const clickedNotification = event.notification;
  clickedNotification.close();
  if (click_open_url) {
    const promiseChain = clients.openWindow(click_open_url);
    event.waitUntil(promiseChain);
  }
});

Я пытался изменить форматирование на swSr c, чтобы оно начиналось с ./ или просто /, и даже удалив src/, но ни один из них ничего не сделал. Я также попытался скопировать код, сгенерированный workbox, а затем вставить его в service-worker. js, но он все равно не распознает его. Как заставить InjectManifest распознать мой рабочий файл?

1 Ответ

0 голосов
/ 22 марта 2020

Я ответил на свой вопрос. Мне нужно было изменить проект / vue .config. js на 

module.exports = {
  runtimeCompiler: true,
  pwa: {
    workboxPluginMode: "InjectManifest",
    workboxOptions:{
      swSrc: "src/service-worker.js"
  }
};
...