有旋转木马和服务人员的角9 PWA没有注册

Question

嘿，伙计们，这有点奇怪，

首先，我使用了带有引导带3.3.5的角9(还不能更新到最新的)，

在主页上，我有旋转木马，我也实现了角PWA。

问题是，如果我使用PWA和旋转木马，Serviceworker(SW)不会被重新排序。如果我注释掉旋转木马代码，它就会这样做。如果我评论了Jquery，就会注册它，因为旋转木马不起作用。同样的事情发生在ngx-猫头鹰-旋转木马身上，

我在这里没有任何解决办法。如果您可以提供任何类型的提示或解决方案，这将是一个很大的帮助。(谢谢:)有趣的发现是，当我单击旋转木马时，服务人员有时会以某种方式注册。-不管怎么说，这是我对旋转木马的密码，

<div class="bloc bgc-white full-width-bloc l-bloc" id="bloc-2">
        <div class="container">
            <div class="row row-no-gutters">
                <div class="col-sm-12">
                    <div id="carousel-1" class="carousel no-shadows slide" data-ride="carousel">
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <img [attr.src]="sliderData[0].sliderImgUrl" (click)="navigateSliderProd('product',sliderData[0])"  (load)="imageLoaded($event)"/>

                            </div>
                            <div class="item"  *ngFor="let slider of sliderData | slice:1;let i = index">
                                <img [attr.src]="slider.sliderImgUrl" (click)="navigateSliderProd('product',sliderData[i+1])" (load)="imageLoaded($event)"/>

                            </div>
                        </div>
                        <a class="left carousel-control" href="#carousel-1" role="button" data-slide="prev">
                            <span class="fa fa-chevron-left"></span><span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#carousel-1" role="button" data-slide="next">
                            <span class="fa fa-chevron-right"></span><span class="sr-only">Next</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

Answer 1

设置ServiceWorkerModule registerImmediately (或registerWithDelay)。默认情况下，SW注册等待到应用程序是稳定 (没有突出的微任务或宏任务)。在旋转木马中常见的setTimeout会导致应用程序永远不稳定。

ServiceWorkerModule.register('ngsw-worker.js', {
  enabled: environment.production,
  registrationStrategy: 'registerImmediately',
}),

请注意，如果角仍然不稳定，则在30秒后注册，使这个https://github.com/angular/angular/blob/master/CHANGELOG.md#1000-next0-2020-04-08。