PWA open отображает один из указанных CSS-файлов только на Android Firefox - PullRequest
0 голосов
/ 07 февраля 2019

У меня ОЧЕНЬ странная проблема с PWA, и я надеюсь, что кто-нибудь сможет рассказать о ней.У меня есть работающий PWA, установленный и протестированный в различных комбинациях iOS | Android && Chrome | Safari | Firefox.Он отлично устанавливается (вручную выбирает добавить на главный экран или автоматически из командной строки на Android Chrome) и открывается нормально, за исключением Android Firefox.В этом случае он устанавливается, но когда вы открываете его, он открывает и отображает источник одного из файлов CSS, на которые есть ссылка в index.html.Если вы закроете это окно, оно перейдет к PWA.Любые идеи, как PWA может в конечном итоге открыть и отобразить CSS-файл, на который ссылаются?Ниже приведен раздел моего index.html - это последний файл CSS (markercluster), который отображает:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no"
    />

    <meta name="theme-color" content="#000000" />
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
      integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
      crossorigin="anonymous"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.2/css/swiper.min.css"
    />
    <link
      rel="stylesheet"
      href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css"
    />
    <link
      rel="stylesheet"
      href="https://unpkg.com/react-leaflet-markercluster/dist/styles.min.css"
    />
...