vue установка считывателя nuxt qrcode

Question

У меня есть проект Nuxt. js, в котором я пытаюсь использовать библиотеку qrcode-scanner Я выполняю шаги для регистрации глобально.

Я сделал js файл в папке плагинов и добавить следующий код

import Vue from "vue";
import VueQrcodeReader from "vue-qrcode-reader";

Vue.use(VueQrcodeReader);

Это выглядит довольно просто, но мое приложение не работает и никогда не загружается. Кто-нибудь сталкивался с этой проблемой?

Answer 1

Я проверяю ваш код, и он работает для меня тем, что я объясняю свои шаги для вас, может быть, вы забудете один шаг:

1. установите пакет с npm install vue-qrcode-reader
2. make файл с именем qr.js в моей папке plugin
3. , затем поместите в него этот код:

import Vue from 'vue'
import VueQrcodeReader from 'vue-qrcode-reader'

Vue.use(VueQrcodeReader)

добавить плагин в мой nuxt.config.js файл:

  plugins: ['~/plugins/qr']

ПРИМЕЧАНИЕ: qr - это имя моего файла (qr. js)

используйте плагин на моей странице vue, добавив в него следующий код:

<qrcode-stream></qrcode-stream>
<qrcode-drop-zone></qrcode-drop-zone>
<qrcode-capture></qrcode-capture>