Проблема интеграции сервисных работников в проект Symfony

Question

Я пытаюсь интегрировать работников Service в мой проект Symfony, чтобы кэшировать некоторые файлы и сделать мою страницу в PWA и заставить ее работать в автономном режиме.

К сожалению, я наткнулся на проблему и уже неделю пытаюсь ее исправить, но безуспешно.

Моя проблема находится внутри моего js-файла Service Worker. Я действительно смог вызвать службу, но не смог найти страницы внутри нее, что вызвало ошибку, так как не удалось найти страницы, связанные внутри файла js.

Вот мой код sw.js:

var cacheName = 'hello-pwa';
var filesToCache = [
'../manifest.json',
'../favicon.ico',
'../../../templates/User/User.html.twig'
];

/* Start the service worker and cache all of the app's content */
self.addEventListener('install', function(e) {
  e.waitUntil(
    caches.open(cacheName).then(function(cache) {
      return cache.addAll(filesToCache);
    })
  );
});

/* Serve cached content when offline */
self.addEventListener('fetch', function(e) {
  e.respondWith(
    caches.match(e.request).then(function(response) {
      return response || fetch(e.request);
    })
  );
});

Кэш manifest.json и favicon прекрасно работает, но когда я добавляю '../../../templates/User/User.html.twig', я получаю следующую ошибку (Uncaught (в обещании) TypeError: Request не удалось).

Пожалуйста, помогите мне, ребята, я пытался решить эту проблему целую неделю.

Вот изображение моей папки: https://imgur.com/a/cb8YYOe