【问题标题】:Angular Service worker (ngsw-worker.js) is not generated in the "/dist" folder after running build command运行构建命令后,Angular Service worker (ngsw-worker.js) 未在 \"/dist\" 文件夹中生成
【发布时间】:2022-12-15 11:06:50
【问题描述】:
我正在检查 NX 项目以查看服务工作者是否按计划执行。运行“ng build appname”后,我遇到了一个问题,即 Angular Service worker 未在“/dist”文件夹中生成。我该怎么做才能解决这个问题?
在 app.module 中导入,如下所示
// PWA
ServiceWorkerModule.register('ngsw-worker.js', {
enabled:true,
// Register the ServiceWorker as soon as the app is stable
// or after 30 seconds (whichever comes first).
registrationStrategy: 'registerWhenStable:30000',
// registrationStrategy: 'registerImmediately'
}),
【问题讨论】:
标签:
angular
progressive-web-apps
【解决方案1】:
我通过在 package.json 中添加以下内容解决了这个问题。
script
{
"ngsw-config": "node_modules/.bin/ngsw-config dist src/ngsw-config.json",
"ngsw-copy": "cp node_modules/@angular/service-worker/ngsw-worker.js dist/",
"build-prod-ngsw": "ng build --prod && npm run ngsw-config && npm run ngsw-copy",
"serve-prod-ngsw": "npm run build-prod-ngsw && http-server dist -p 8080"
}