HTML не отображается в firefox до загрузки JS - PullRequest
0 голосов
/ 18 июня 2020

Я только начинаю изучать код, прохожу курсы.

Я сделал приложение React, и у меня есть базовый шаблон c HTML, который должен отображаться перед связкой. js загружается (для медленного соединения)

<link href="https://fonts.googleapis.com/css?family=Public+Sans:300,400,400i,700,700i&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="..." crossorigin="anonymous" />
<script defer src="https://use.fontawesome.com/releases/v5.5.0/js/all.js" integrity="..." crossorigin="anonymous"></script>
<div id="app">
  <header class="header-bar bg-primary mb-3">
    <div class="container d-flex flex-column flex-md-row align-items-center p-3">
      <h4 class="my-0 mr-md-auto font-weight-normal"><a class="text-white" href="/">ComplexApp</a></h4>
    </div>
  </header>
  <div class="py-5 my-5 text-center">
    <div class="dots-loading">
      <div></div>
    </div>
  </div>
  <footer class="border-top text-center small text-muted py-3">
    <p>
      <a class="mx-1" href="/">Home</a>
      <!-- -->|
      <!-- -->
      <a class="mx-1" href="/about-us">About Us</a>
      <!-- -->|<a class="mx-1" href="/terms">Terms</a>
    </p>
    <p class="m-0">
      Copyright © 2020
      <!-- -->
      <a href="/" class="text-muted">ComplexApp</a>. All rights reserved.
    </p>
  </footer>
</div>

В Chrome он загружается нормально: Chrome screenshot

Но по какой-то причине в Firefox страница пуста до js полностью загружен.

Вкладка «Сеть» показывает, что CSS и шрифты загружаются все время параллельно с js

Firefox network screenshot

Что может быть проблема? это что-то вроде Firefox -specifi c? Можно как-то исправить?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...