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

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

图片描述

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

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

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

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

回答:

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

回答:

import QRCode from ‘../../common/js/qrcode.js’

回答:

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

回答:

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

回答:

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

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

亲测有效

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注