为什么删除缓存后，Angular应用程序无法在移动浏览器中加载

Question

在部署有角度的webapp之后，我尝试测试其功能。 在大多数情况下，该应用运行非常快（移动和PC网络浏览器），没有例外，但在特定情况下，在移动上，当移动浏览器应用关闭（Safari和Chrome浏览器）时，在iOS上），只有在首次加载该网络应用时，它似乎卡住了，并且没有显示任何想要的细节。

第一次，webapp的加载速度非常快，一点也没有问题。

我怀疑路由器指向的第一个组件有问题。在此组件中，有一个ng-container元素上的if语句，如果为false，则将加载微调器，有时在上述情况下会加载微调器。 if语句引用了一个可观察变量， 而且我在想，尽管这个可观察到的更改事件，但仍然不会更新UI。

<ng-container *ngIf="$bar | async as bar; else loading">
    <mat-toolbar class="mat-elevation-z8" *ngIf="$lang | async as 
    lang">
        ....
    </mat-toolbar>
</ng-container>

<ng-template #loading>
  <div class="f-h flex flexCenter">
   <mat-spinner [diameter]="36" color="primary">
   </mat-spinner>
  </div>
</ng-template>

我希望我的webapp在移动设备上的行为与在PC上的行为相同。有什么想法可以解决这个问题吗？