查看 nuxt 二维码 reader 安装

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. 在我的 plugin 文件夹中创建名为 qr.js 的文件
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>