feat: add error handling when importing workbox-window. (#646)

* Add error handling to workbox import.

* chore: refactor importing workbox window logic

---------

Co-authored-by: userquin <[email protected]>

Author: cpojer

src/client/build/register.ts

@@ -37,9 +37,17 @@ export function registerSW(options: RegisterSWOptions = {}) {
 
   async function register() {
     if ('serviceWorker' in navigator) {
-      const { Workbox } = await import('workbox-window')
-      // __SW__, __SCOPE__ and __TYPE__ will be replaced by virtual module
-      wb = new Workbox('__SW__', { scope: '__SCOPE__', type: '__TYPE__' })
+      wb = await import('workbox-window').then(({ Workbox }) => {
+        // __SW__, __SCOPE__ and __TYPE__ will be replaced by virtual module
+        return new Workbox('__SW__', { scope: '__SCOPE__', type: '__TYPE__' })
+      }).catch((e) => {
+        onRegisterError?.(e)
+        return undefined
+      })
+
+      if (!wb)
+        return
+
       sendSkipWaitingMessage = async () => {
         // Send a message to the waiting service worker,
         // instructing it to activate.