Зарегистрируйте работника службы в файле index. html, который находится в папке SR C - ReactJS

Question

Запустить сервис-работник из другой папки

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

Как я могу запустить свое ПО из public / index. html?

Я использую приложение create-реагировать и я использую Google Workbox для генерации работника службы.

Я пытаюсь импортировать SW в файл приложения. js, но у меня возникает ошибка:

'importScripts' не определен no-undef

importScripts(
  "https://storage.googleapis.com/workbox-cdn/releases/5.0.0/workbox-sw.js"
);

const precacheManifest = []; 

workbox.routing.registerRoute(
  new RegExp("https://app.tessa.technology/api/"),
  new workbox.strategies.CacheFirst()
);

workbox.routing.registerRoute(
  new RegExp(
  "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
),
new workbox.strategies.CacheFirst()
);


 workbox.precaching.precacheAndRoute(self.__WB_MANIFEST);

• public
  • манифест. js
  • index. html
• SRC
  • JS
  • CSS
  • SW. js

Answer 1

У вас есть два пути.

1) Поместите файл service-worker.js в каталог publi c.

2) Или используйте workbox-webpack-plugin . Таким образом, service-worker.js будет сгенерирован и импортирован автоматически. Этот способ более рекомендуется.