Instascan: 无效的 asm.js:分配中的类型不匹配 [instascan.min.js]:18

创建于 2018-08-01  ·  16评论  ·  资料来源: schmich/instascan

我无法使用另一个 android 应用程序 webview 让我的 QR 码扫描仪正常工作。 这是显示给我的问题。

此外,当我选择启动相机时,我得到一个 Uncaught (in promise) {name: "NotAllowedError", message: "Permission denied", constraint: undefined, toString: ƒ}。

最有用的评论

我可以通过使用演示页面中的文件使其工作:
https://schmich.github.io/instascan/
这是文件链接:
https://rawgit.com/schmich/instascan-builds/master/instascan.min.js

所有16条评论

我现在有完全相同的问题!

在笔记本电脑 Lenovo ThinkPad、Windows 10、Google Chrome 版本 69.0.3497.100(64 位)上仍然可以正常工作

几个月前在 Google Chrome Android 版本上运行良好??? @索尼 Xperia Z3 compact Andriod 版本 6.0.1

在 Google Chrome Android 版本 69.0.3497.100 上不再工作,scanner.start 附近的问题:
无效的 asm.js:分配中的类型不匹配
qr。 html:1未捕获(承诺中){名称:“NotAllowedError”,消息:“权限被拒绝”,约束:未定义,toString:ƒ}
Promise.then(异步)
[email protected]:7
值@instascan.min.js:9

Instascan 真的很酷!
如果可以解决此问题,我将不胜感激:-)

到目前为止,我使用的是 https 域,
现在我试图明确引用 https 域

也不适用于 Android Firefox 62.0.1

在 Android Opera 47.3.2249.130976 上运行良好
在 Android Edge 42.0.0.2549 上运行良好

我认为这是一个 uglifyJS 问题,用gulp release构建新的 instascan.min.js 似乎可以解决这个问题。

我认为这是一个 uglifyJS 问题,用gulp release构建新的 instascan.min.js 似乎可以解决这个问题。

谢谢! 这解决了我手机上的问题
索尼 Xperia Z3 紧凑型安卓版本 6.0.1
谷歌浏览器安卓版本 69.0.3497.100
安卓火狐 62.0.1

任何人都可以分享 gulp 发布缩小结果:(

我无法使用 gulp v4 构建它 - 需要对 gulpfile.js 进行一些看似微小的更改
我可以用 gulp v.3.9.1 构建它,但似乎 gulp-uglify 仍然会破坏它。 我从 gulpfile 中删除了 uglify 行,这个错误就消失了,代价是更大的 instascan.js 文件(~+1MB)
但即便如此,正如 #197 中提到的,“createObjectURL”仍然存在问题

编辑:从评论 #139 中找到一个文件。 这有效,即使它仍然存在“无效的 asm”错误。 还要感谢 chrisgunawardena

这是缩小的文件: https ://gist.github.com/chris-gunawardena/15d507d11dc09ef8f7653f1005eda203

谢谢克里斯,但您链接到的版本会导致错误“相机未定义”。 (其他都一样)。

您需要等到其初始化。 这就是我使用的:

const initQrCodeScanner = () => {
  let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
  Instascan.Camera.getCameras().then(cameras => {
    scanner.camera = cameras[cameras.length - 1];
    scanner.start();
  }).catch(console.error);

  scanner.addListener('scan', content => {
    scanner.stop();
    try { window.location.hash = new URL(content).hash } catch (e) { console.log(e) }
  });

};

你好。 请帮助一个菜鸟。 使用该示例并发布 v 1.0.0 一切都对我有用,然后我关闭了计算机,再次打开它,突然我遇到了 CreateObjectUrl 问题。

所以我使用了这个线程中指向的缩小文件,现在我得到了“相机未定义”错误,就像 mjcapper 一样。

我尝试做 chris-gunawardena 所做的事情(完全复制和粘贴),现在没有错误,但相机上也没有视频。

它昨晚工作得很好! (也许我的 Chrome 浏览器在此期间有更新?不知道)。

所以我非常沮丧。 另外,为了记录,我正在本地主机上开发,相机之前工作过,这是因为 chrome 更新了吗? 我的版本说:

版本 71.0.3578.98(官方版本)(64 位)

我也在IE上试过,我无法获得视频。 没有错误,也没有视频。

请帮忙。 :(

chrome 上的工作示例: https ://codepen.io/chris-gunawardena/pen/REGQPR?editors=1111

它适用于所有浏览器(Safari、Mac 上的 Chrome 和 Chrome Android 上的 Chrome)。
目前它仅适用于 Mac 上的 Firefox。
在 Firefox 移动版上无法正常工作。

我想要一个关于如何使用 minfy/uglyJs/gulp 修复的分步信息(对于新手)。 谢谢你。

编辑:没关系了。 关于主页中提供的示例,我所说的直到真实为止。 然而,之前发布的示例https://codepen.io/chris-gunawardena/pen/REGQPR?editors=1111实际上解决了这个问题。

我可以通过使用演示页面中的文件使其工作:
https://schmich.github.io/instascan/
这是文件链接:
https://rawgit.com/schmich/instascan-builds/master/instascan.min.js

chrome 上的工作示例: https ://codepen.io/chris-gunawardena/pen/REGQPR?editors=1111

我需要 SSL 证书才能让它工作吗?
'因为它在 localhost 中运行良好,但在没有 SSL 认证的实时虚拟主机中无法正常运行。

此页面是否有帮助?
0 / 5 - 0 等级