vue nuxt qrcode阅读器安装

Question

我有一个Nuxt.js项目，我尝试在其中使用qrcode-scanner library我放弃了注册全局的步骤。

我在plugins文件夹中制作了一个js文件，并添加了以下代码

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

Vue.use(VueQrcodeReader);

它看起来非常简单，但是我的应用崩溃了，再也没有加载。任何人都遇到过这个问题吗？

Answer 1

我测试了您的代码，它以我为您解释步骤的方式为我工作，也许您忘记了一步：

1. 使用npm install vue-qrcode-reader安装软件包
2. 在我的qr.js文件夹中命名为plugin的文件
3. 然后将这段代码放在上面：

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

Vue.use(VueQrcodeReader)

4. 将插件添加到我的nuxt.config.js文件中：

  plugins: ['~/plugins/qr']

注意：qr是我的文件的名称（qr.js）

5. 在我的Vue页面中使用该插件，并在其中添加以下代码：

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