fix: improve client injection error message

nuxt · Aug 28, 2023 · de9baa3 · de9baa3
1 parent cb5ddc6
commit de9baa3
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/packages/devtools/src/runtime/plugins/view/client.ts b/packages/devtools/src/runtime/plugins/view/client.ts
@@ -128,8 +128,14 @@ export async function setupDevToolsClient({
         iframe.id = 'nuxt-devtools-iframe'
         iframe.src = initialUrl
         iframe.onload = async () => {
-          await waitForClientInjection()
-          client.syncClient()
+          try {
+            await waitForClientInjection()
+            client.syncClient()
+          }
+          catch (e) {
+            console.error('Nuxt DevTools client injection failed')
+            console.error(e)
+          }
         }
       }
       catch (e) {
@@ -141,12 +147,13 @@ export async function setupDevToolsClient({
   }
 
   function waitForClientInjection(retry = 10, timeout = 200) {
+    let lastError: any
     const test = () => {
       try {
         return !!iframe?.contentWindow?.__NUXT_DEVTOOLS_VIEW__
       }
       catch (e) {
-
+        lastError = e
       }
       return false
     }
@@ -162,8 +169,7 @@ export async function setupDevToolsClient({
         }
         else if (retry-- <= 0) {
           clearInterval(interval)
-          // eslint-disable-next-line prefer-promise-reject-errors
-          reject('Nuxt DevTools client injection failed')
+          reject(lastError)
         }
       }, timeout)
     })