vue项目 引入生成微信二位插件qrcode.js报错

worker
  • 137

图片描述
页面报错信息,好像js库,导入错误

图片描述

项目中引入方式
2、在项目中采取这种方式引用 import QRCode from '../../common/js/qrcode.js',就不会报以上那个错误了,但是会报另一种错误,如下图所示:
图片描述

我在项目中是这样调用的:

let qrcode = new QRCode(qrcodeNode, {
    width: 180,
    height: 180,
    colorDark: "#000000",
    colorLight: "#ffffff"
});

不知道是什么原因,卡在这了~~~ 如有知道答案,请告知下,万分感谢~

回复
阅读 9.3k
5 个回答
✓ 已被采纳

OK, 问题已经解决了,直接安装
1、npm install qrcodejs2 --save
2、import QRCode from 'qrcodejs2'
就可以在Vue项目中使用了~~~

import QRCode from '../../common/js/qrcode.js'

请问你这个怎么设置的 qrcode 的宽高不用px为单位的?

石攻玉
  • 2
新手上路,请多包涵

为什么我的会报:TypeError: el.appendChild is not a function错误

PanzVor
  • 1
新手上路,请多包涵

npm install --save qrcodejs2
然后
import QRCode from 'qrcodejs2'
在mounted()中:

//    生成二维码
    var qrcode = new QRCode("qrcode", {
      text: '', // url
      width: 120,
      height: 120,
      colorDark: "#000000",
      colorLight: "#ffffff",
    });

亲测有效

你知道吗?

宣传栏