Angular 角度服务工作者获取错误

关于我们与服务人员的Angular 6 web应用程序：当通过Chrome访问我们的QA网站时，

服务人员

相关错误无法访问

临时修复程序是打开

f12 dev console

并选择

Update on reload

和

pass for network

复选框，然后刷新页面以访问站点

以下是F12开发控制台中显示的错误：

我们注意到的一件明显的事情是指向

index.html

页面的路径，这是错误的。它试图引用域根目录下的index.html，也就是说，它应该引用

我们的ngsw配置文件中可能存在问题：

{
“index”：“/index.html”，
“资产组”：[{
“名称”：“应用程序”，
“安装模式”：“预取”，
“资源”：{
“文件”：[
“/favicon.ico”，
“/index.html”，
“/*.css”，
“/*.js”
]
}
}, {
“名称”：“资产”，
“installMode”：“lazy”，
“updateMode”：“预取”，
“资源”：{
“文件”：[
“/assets/**”
]
}
}],
“数据组”：[
{
“名称”：“api性能”，
“URL”：[
“/api/**”
],
“缓存配置”：{
“策略”：“新鲜度”，
“最大尺寸”：100，
“最大值”：“6h”
}
},
{
“名称”：“自定义服务器”，
“URL”：[
“**/CustomServer.aspx？**”
],
“缓存配置”：{
“战略”：“绩效”，
“最大尺寸”：100，
“最大年龄”：“1d”
}
}
]
}

您可以通过在中更改路径来克服此问题 app.module.ts。 像这样

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

这将把service worker安装的范围更改为部署文件夹

未经上述修改的默认辅助程序激活将安装在父url上

https://mydomain.myserver.com/index.html so when you enter https://mydomain.myserver.com/ngsw-worker.js it will return the file. 

您需要工人在路径上工作。因此，更改服务工作者的安装路径将解决此问题