vue-qr-reader icon indicating copy to clipboard operation
vue-qr-reader copied to clipboard

document is not defined in Nuxt, even if I use <client-only>

Open radislaw opened this issue 5 years ago • 3 comments

I use vue-qr-reader in Nuxt project

<template>
  <client-only>
     <vue-qr-reader @code-scanned="getQrContent" />
  </client-only>
</template>

<script>
import VueQrReader from 'vue-qr-reader/dist/lib/vue-qr-reader.umd.js'
...

I have an error: document is not defined

radislaw avatar Jan 27 '20 02:01 radislaw

I get the same error, did you solved this issue ?

MartCube avatar Apr 27 '20 17:04 MartCube

export default {
    components: {
      'vue-qr-reader': () => process.browser ? import('vue-qr-reader/dist/lib/vue-qr-reader.umd.js') : null
    }
    ...
}

kmbjz avatar Oct 06 '20 17:10 kmbjz

<ClientOnly> <qrcode-stream @init="onInit()" @decode="onDecode()"></qrcode-stream> </ClientOnly> import qrcode from "vue3-qrcode-reader"

I get the same error how can I solve it

william-iq397 avatar Jan 05 '23 10:01 william-iq397