catch uncaught (in promise)

The async function to handle init event cannot catch promise rejection error inside try - catch block. Seems like the reject method was not implemented in promise object passed. I used the sample in its doc as:

 methods: {
  async onInit (promise) {
    // show loading indicator
    try {
      await promise
      // successfully initialized
    } catch (error) {
      if (error.name === 'NotAllowedError') {
        // user denied camera access permisson
      } else if (error.name === 'NotFoundError') {
        // no suitable camera device installed
      } else if (error.name === 'NotSupportedError') {
        // page is not served over HTTPS (or localhost)
      } else if (error.name === 'NotReadableError') {
        // maybe camera is already in use
      } else if (error.name === 'OverconstrainedError') {
        // passed constraints don't match any camera. Did you requested the front camera although there is none?
      } else {
        // browser is probably lacking features (WebRTC, Canvas)
      }
    } finally {
      // hide loading indicator
    }
  }
}

I get the console error in chrome:

Uncaught (in promise) vue-qrcode-reader.common.js?1730:1

[gruhn]

I see! Haha 😁 don’t worry.

FYI you can also simply write <QrcodeReader @init="onInit($event)" /> if you find this more convenient.

[michael-erwin]

Wow I didn’t know that! Thanks for the helpful tip & support. +1