PWA работает как статический макет - PullRequest
Новая
       5

PWA работает как статический макет

0 голосов
/ 30 ноября 2018

Обучение PWA.

Получил понравившийся мне шаблон из HTML5UP, добавил этот скрипт в index.html: 

<script>
if ('serviceWorker' in navigator) {
    window.addEventListener('load', function() {
        navigator.serviceWorker.register('/sw.js').then(function(registration) {
            // Registration was successful
            console.info('ServiceWorker registration successful with scope: ', registration.scope);
        },
        function(err) {
            // registration failed :(
            console.error('ServiceWorker registration failed: ', err);
        });
    });
}
</script>

Это мой сервисный работник (sw.js): 

'use strict';

importScripts('sw-toolbox.js');

toolbox.precache([
  'index.html',
  'elements.html',
  'generic.html',

  'assets/fonts/fontawesome-webfont.eot',
  'assets/fonts/fontawesome-webfont.svg',
  'assets/fonts/fontawesome-webfont.ttf',
  'assets/fonts/fontawesome-webfont.woff',
  'assets/fonts/fontawesome-webfont.woff2',
  'assets/fonts/FontAwesome.otf',

  'assets/css/main.css',
  'assets/css/font-awesome.min.css',

  'assets/js/breakpoints.min.js',
  'assets/js/browser.min.js',
  'assets/js/jquery.min.js',
  'assets/js/main.js',
  'assets/js/utils.js'
]);

toolbox.router.get('/images/*', toolbox.cacheFirst);

toolbox.router.get('/*', toolbox.networkFirst, {
  networkTimeoutSeconds: 5
});

Теперь я могу сохранить приложение на главном экране, и оно выглядит красиво.Но ни одна кнопка не работает - боковые панели не двигаются и т. Д.
Похоже, что js не работает - приложение работает как статический макет.

Что я могу сделать, чтобы оживить приложение?

...