fix(useSpeechRecognition): catch the error while calling method start (#5142)

ben-lau · liubaobin · 9romise · web-flow · commit 94f1e9e7ccd4 · 2025-11-26T01:54:40.000Z
Co-authored-by: liubaobin &lt;liubaobin@wps.cn&gt;
Co-authored-by: Vida Xie &lt;vida_2020@163.com&gt;
diff --git a/packages/core/useSpeechRecognition/index.ts b/packages/core/useSpeechRecognition/index.ts
@@ -56,7 +56,7 @@ export function useSpeechRecognition(options: UseSpeechRecognitionOptions = {})
   const isListening = shallowRef(false)
   const isFinal = shallowRef(false)
   const result = shallowRef('')
-  const error = shallowRef<SpeechRecognitionErrorEvent | undefined>(undefined)
+  const error = shallowRef<SpeechRecognitionErrorEvent | Error | undefined>(undefined)
 
   let recognition: SpeechRecognition | undefined
 
@@ -120,10 +120,17 @@ export function useSpeechRecognition(options: UseSpeechRecognitionOptions = {})
       if (newValue === oldValue)
         return
 
-      if (newValue)
-        recognition!.start()
-      else
-        recognition!.stop()
+      try {
+        if (newValue) {
+          recognition!.start()
+        }
+        else {
+          recognition!.stop()
+        }
+      }
+      catch (err) {
+        error.value = err as unknown as Error
+      }
     })
   }
 
