Instascan: 잘못된 asm.js: 할당 유형 불일치 [instascan.min.js]:18

나는 지금 똑같은 문제가 있습니다!

노트북 Lenovo ThinkPad, Windows 10, Google Chrome 버전 69.0.3497.100(64비트)에서 여전히 잘 작동합니다.

Google 크롬 Android 버전에서 몇 달 전에 잘 작동 했습니까 ??? @ Sony Xperia Z3 컴팩트 Andriod 버전 6.0.1

Google Chrome Android 버전 69.0.3497.100에서 더 이상 작동하지 않습니다. 스캐너.start에 가까운 문제:
잘못된 asm.js: 할당 유형 불일치
qr. html:1 잡히지 않음(약속 중) {이름: "NotAllowedError", 메시지: "사용 권한 거부됨", 제약 조건: 정의되지 않음, toString: ƒ}
Promise.then(비동기)
E.async @ instascan.min.js:7
값 @ instascan.min.js:9

인스타스캔 정말 멋져요!
수정해주시면 정말 감사하겠습니다 :-)

지금까지 https 도메인을 사용했는데,
이제 명시적으로 https 도메인을 참조하려고 했습니다.

Android Firefox 62.0.1에서도 작동하지 않음

Android Opera 47.3.2249.130976에서 잘 작동
Android Edge 42.0.0.2549에서 잘 작동

gulp release 로 instascan.min.js를 새로 빌드하면 이 문제가 해결되는 것 같습니다.

gulp release 로 instascan.min.js를 새로 빌드하면 이 문제가 해결되는 것 같습니다.

감사 해요! 이것은 내 휴대 전화의 문제를 해결했습니다.
Sony Xperia Z3 컴팩트 Andriod 버전 6.0.1
구글 크롬 안드로이드 버전 69.0.3497.100
안드로이드 파이어폭스 62.0.1

누구든지 꿀꺽꿀꺽 릴리스 축소 결과를 공유할 수 있습니까? :(

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

chris에게 감사하지만 링크한 버전으로 인해 "카메라가 정의되지 않았습니다."라는 오류가 발생합니다. (다른 모든 것은 동일).

초기화될 때까지 기다려야 합니다. 이것이 내가 사용하는 것입니다.

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처럼 "Camera is not defined" 오류가 발생합니다.

chris-gunawardena가 했던 대로 하려고 했고(정확하게 복사하여 붙여넣기) 이제 오류는 없지만 카메라에 비디오가 없습니다.

어젯밤에 완벽하게 작동했습니다!! (그 동안 내 Chrome 브라우저에 업데이트가 있었을까요? 몰라요).

그래서 저는 매우 실망스럽습니다. 또한 기록을 위해 localhost에서 개발 중입니다. 이전에 카메라가 작동 중이었습니다. 크롬이 업데이트 되었기 때문입니까? 내 버전은 다음과 같이 말합니다.

버전 71.0.3578.98(공식 빌드)(64비트)

IE도 해봤는데 영상이 안나오네요. 오류는 없지만 비디오도 없습니다.

도와주세요. :(

크롬 작업 예시: https://codepen.io/chris-gunawardena/pen/REGQPR?editors=1111

모든 브라우저(Safari, Mac의 Chrome, Chrome Android)에서 작동했습니다.
현재 Mac의 Firefox에서만 작동합니다.
Firefox 모바일에서는 작동하지 않습니다.

minfy/uglyJs/gulp를 사용하여 수정하는 방법에 대한 단계별 정보(noob용)를 원합니다. 감사합니다.

편집: 더 이상 중요하지 않습니다. 내가 말한 것은 메인 페이지에 제공된 예제에 대한 사실입니다. 그러나 이전에 게시된 예제 https://codepen.io/chris-gunawardena/pen/REGQPR?editors=1111 은 실제로 문제를 해결합니다.

데모 페이지의 파일을 사용하여 작동하게 할 수 있습니다.
https://schmich.github.io/instascan/
파일 링크는 다음과 같습니다.
https://rawgit.com/schmich/instascan-builds/master/instascan.min.js

크롬 작업 예시: https://codepen.io/chris-gunawardena/pen/REGQPR?editors=1111

이 작업을 수행하려면 SSL 인증서가 필요합니까?
localhost에서는 잘 작동하지만 SSL 인증이 없는 라이브 웹호스팅에서는 작동하지 않기 때문입니다.