PWA застрял на заставке - PullRequest
Новая
       74

PWA застрял на заставке

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

Я только что создал свое второе приложение PWA и заметил, что, если я устанавливаю приложение на свой телефон Android (One Plus 5t), приложение застревает на заставке при запуске из значка приложения.С браузером он работает нормально и раньше работал, теперь он просто застрял на заставке.У меня установлен последний хром.Я переустанавливал приложение несколько раз.Все еще застрял на всплеск.Я убрал предыдущий сервисный работник и кеш.Я только что перешел на Google Workbox, так что, может быть, это как-то связано с этим?Так почему же мое приложение не открывается?Вот мой манифест и работник службы: 

importScripts(
  'https://storage.googleapis.com/workbox-cdn/releases/3.6.1/workbox-sw.js',
)

self.addEventListener('install', event => {
  self.skipWaiting() // Do I need dis?
})

if (workbox) {
  // workbox.setConfig({ debug: false })

  workbox.routing.registerRoute(
    /.*\.css/,
    workbox.strategies.staleWhileRevalidate({
      cacheName: 'css-cache',
    }),
  )

  workbox.routing.registerRoute(
    /.*\.js/,
    workbox.strategies.staleWhileRevalidate({
      cacheName: 'js-cache',
    }),
  )

  workbox.routing.registerRoute(
    /.*\.(?:png|jpg|jpeg|svg|gif)/,
    workbox.strategies.cacheFirst({
      cacheName: 'image-cache',
      plugins: [
        new workbox.expiration.Plugin({
          maxEntries: 20,
          maxAgeSeconds: 7 * 24 * 60 * 60,
        }),
      ],
    }),
  )

  workbox.routing.registerRoute(
    /.*\.(?:mp3)/,
    workbox.strategies.cacheFirst({
      cacheName: 'audio-cache',
      plugins: [
        new workbox.expiration.Plugin({
          maxEntries: 20,
          maxAgeSeconds: 7 * 24 * 60 * 60,
        }),
      ],
    }),
  )
}

{
  "name": "MyName",
  "short_name": "name",
  "theme_color": "#1e5799",
  "background_color": "#1e5799",
  "display": "standalone",
  "orientation": "portrait",
  "description": "My desc",
  "start_url": "index.html",
  "scope": "/",
  "icons": [
    {
      "src": "images/icons/icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-128x128.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-152x152.png",
      "sizes": "152x152",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-384x384.png",
      "sizes": "384x384",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "splash_pages": null
}
...