Webpack 如何在asp.core应用程序的网页包中使用htmlPlugin和workbox插件

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

下面是我在webpack.config.js中的配置 用于生成服务人员

       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应用程序启动后尝试注册服务工作者,如本文注册服务工作者部分所述。