Webpack 如何在asp.core应用程序的网页包中使用htmlPlugin和workbox插件
下面是我在webpack.config.js中的配置 用于生成服务人员Webpack 如何在asp.core应用程序的网页包中使用htmlPlugin和workbox插件,webpack,asp.net-core,angular5,service-worker,angular-universal,Webpack,Asp.net Core,Angular5,Service Worker,Angular Universal,下面是我在webpack.config.js中的配置 用于生成服务人员 plugins: [new CheckerPlugin(), new cleanPlugin([dist]), new htmlPlugin({ filename: '/Home/Index', title: 'Get Started With Workbox For Webpack' }), new wo
plugins: [new CheckerPlugin(),
new cleanPlugin([dist]),
new htmlPlugin({
filename: '/Home/Index',
title: 'Get Started With Workbox For Webpack'
}),
new workboxPlugin.GenerateSW({
swDest: 'sw.js',
clientsClaim: true,
skipWaiting: true,
})
服务人员已生成,但未注册。请帮我修复
谢谢您仍然需要自己注册服务人员,因为workbox不会为我们这样做。在您的页面上,以下脚本应执行此操作:
<!--Register the service worker-->
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/sw.js')
.then((res) => {
console.log(res)
})
.catch((err) => {
console.log(err)
})
}
</script>
if(导航器中的“serviceWorker”){
navigator.serviceWorker.register('/sw.js')
。然后((res)=>{
console.log(res)
})
.catch((错误)=>{
console.log(错误)
})
}
你找到答案了吗?我想您可以在angular应用程序启动后尝试注册服务工作者,如本文注册服务工作者部分所述。