Preloader在Angular Universal SSR应用程序上不起作用

Question

我已经开发了一个角度应用程序。我在应用程序中添加了预加载器。这样，当用户重新加载页面时，将在加载应用程序之前显示预加载器。在没有SSR的情况下构建应用程序时，它在开发模式下工作正常，在生产模式下工作。

不幸的是，它不适用于服务器端渲染的角度应用程序。

我将预载器制作如下：

  <app-root>
    <div style="z-index: 1100;;background: white;overflow: hidden;">
      <div style="display: flex; height: 100vh; width: 100vw;">
        <img class="lds-heart" style="margin: auto;" src="assets/icons/icon-96x96.png">
      </div>
    </div>
    <div id="fb-root"></div>
  </app-root>

我希望预加载器也可以在服务器端工作。我怎样才能做到这一点？