您好,我试图将PWA功能添加到Angular 6应用程序中,该应用程序以前在Angular 5上运行,所以我进行了更新,然后使用
ng添加@ angular / pwa --project
浏览器读取清单但抛出此警告:
No matching service worker detected. You may need to reload the page or check that the service worker for the current page also controls the start URL from the manifest.
问题是该应用程序是双语的,因此当您访问localhost时,它会将您重定向到localhost / ro或locahost / en。这是通过 ngrx转换模块完成的。我不知道这是否会影响范围,甚至不影响清单中的起始网址。
这是我的manifest.json:
"name": "formashefitness",
"short_name": "formashefitness",
"theme_color": "#1976d2",
"background_color": "#fafafa",
"display": "standalone",
"scope": "/", {..}
这是我注册服务工作者的方式:
ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
我试图通过在main.ts中添加以下代码来进行调试:
platformBrowserDynamic().bootstrapModule(AppModule).then(() => {
if ('serviceWorker' in navigator && environment.production) {
navigator.serviceWorker.register('ngsw-worker.js');
}
}).catch(err => console.log(err))
服务工作程序文件出现404错误,尽管该文件存在。