Angular 18 - Download of .wasm file cancelled when there is a camera + camera freeze

[KoenVerhulst]

Hi,

on a company managed device (macbook pro) I'm unable to get the ngx-scanner-qrcode working. Whenever the camera is available, my network tab shows that the download of the .wasm file was canceled.

On a personal iPad (pro) the camera is working and scanning qr codes. However, the camera freezes after a while and stops scanning.

The main difference with the application on github is that I'm using angular 18 (with standalone components) and I start the camera directly after view init:

ngAfterViewInit(): void { this.action.isReady.subscribe((res: any) => { this.handle(this.action, 'start'); }); }

I also pass the camera on scan:

public onEvent(e: ScannerQRCodeResult[], action?: any): void { e && action && action.pause(); this.onCodeResult(e[0].value) }

and resume after processing an API call:

this.qrService.scanQr(resultString).pipe(finalize(()=> { this.resumeCamera(); })).subscribe ...

private resumeCamera() { this.timerId = setTimeout(() => { this.action.play(); }, 1000) }

Are there any known issues with angular 18?

Also, what is the purpose of this:

// Necessary to solve the problem of losing internet connection LOAD_WASM('assets/wasm/ngx-scanner-qrcode.wasm').subscribe(res => { console.log('LOAD_WASM -V4',res) });

[KoenVerhulst]

Thanks for your reply. The strange thing is that the file sometimes does get loaded. The demo project https://id1945.github.io/ngx-scanner-qrcode/ is also working. I also notice that the file gets loaded twice from my project. The second call fails. ***@***.*** Both request URL are from my local project. How do I force to get it from the remote? From: DaiDH ***@***.***> Date: Friday, 29 November 2024 at 14:33 To: id1945/ngx-scanner-qrcode ***@***.***> Cc: Koen Verhulst ***@***.***>, Mention ***@***.***> Subject: Re: [id1945/ngx-scanner-qrcode] Angular 18 - Download of .wasm file cancelled when there is a camera + camera freeze (Issue #77) @KoenVerhulst<https://github.com/KoenVerhulst> I guess your company is too secure and the wasm file is not called successfully. There are two ways to load the wasm file 1. Get it from local project 2. Get it from remote npm library I also guess that your project falls into the second case and it has been blocked by your company's cybersecurity layers. Also, what is the purpose of this: // Necessary to solve the problem of losing internet connection LOAD_WASM('assets/wasm/ngx-scanner-qrcode.wasm').subscribe(res => { console.log('LOAD_WASM -V4',res) }); => It installs to get wasm file from your local