ngx-scanner Updating to angular 11 make it stop working on some devices

After updating to angular 11 with newest 3.13 ngx-scanner it stopped working, it detects devices (4 cameras) but video tag is not displaying anything.

That's happening on newest chrome on samsung s20, any chance I could get a working example with angular 11? Those demos are on 10 and 7

Feb 12 '21 19:02 jakubpeksa

Having the same problem. Does not work on Angular 11. Demos (stackblitz) do work, but those are on Angular 7.

Also tried the native zxing-js library without the angular wrapper and that seems to work. So it really seems to be a problem with ngx-scanner.

Feb 15 '21 17:02 pfeigl

Was just about fixing the problem but it actually worked in the sample application.

I think the reason for this is, that in the current master, ivy is disabled. This is the corresponding commit: https://github.com/zxing-js/ngx-scanner/commit/71e397e69e24f1dff63b4af50862a0cfcf900dd8

So I guess, (while updating angular to 11.2 would also be nice) - what is actually needed is only a push of the latest version to npm, because 3.1.3 was just but the ivy change.

Feb 15 '21 20:02 pfeigl

What you mean? The latest version already is on NPM. Angular libraries cannot be published with Ivy enabled anymore. Are you saying that for version 11 Ivy should be enabled?

Feb 25 '21 21:02 odahcam

This gave me the impression, that the disable of ivy is actually missing in 3.1.3

Feb 25 '21 23:02 pfeigl

same error on angular 11.1.2

Feb 28 '21 11:02 payamss

up

Mar 06 '21 22:03 jakubpeksa

@AurelienLoyer

Mar 19 '21 13:03 C0ZEN

The problem is that Angular 11 is now using Typescript 4 only. The whole codebase needs an update to Typescript 4 and Dependencies bumped to Angular 11.x

Apr 12 '21 16:04 mrazvanalex

same Problem here with Angular 11: zxing scanner component: TypeError TypeError: Cannot read property 'stop' of undefined

Apr 18 '21 19:04 fabiolooo

I have encountered below problem.

TypeError: Cannot read property 'stop' of undefined at zxing-ngx-scanner.js:56 at loop (BrowserCodeReader.js:1108) at BrowserMultiFormatContinuousReader.push.1M1C.BrowserCodeReader.scan (BrowserCodeReader.js:1125) at BrowserMultiFormatContinuousReader.<anonymous> (BrowserCodeReader.js:705) at step (BrowserCodeReader.js:43) at Object.next (BrowserCodeReader.js:24) at fulfilled (BrowserCodeReader.js:15) at ZoneDelegate.invoke (zone-evergreen.js:364) at Object.onInvoke (core.js:28553) at ZoneDelegate.invoke (zone-evergreen.js:363)

My project info:

` "@angular/animations": "^11.2.10", "@angular/common": "^11.2.10", "@angular/core": "^11.2.10", "@angular/fire": "^6.1.4", "@angular/forms": "^11.2.10", "@angular/platform-browser": "^11.2.10", "@angular/platform-browser-dynamic": "^11.2.10", "@angular/platform-server": "^11.2.10", "@angular/router": "^11.2.10", "@zxing/browser": "0.0.9", "@zxing/library": "^0.18.5", "@zxing/ngx-scanner": "^3.0.1",

`

My code in component:

<zxing-scanner [autostart]="true" [device]="selectedDevice" [enable]="true" (scanError)="error($event)" (scanFailure)="failure($event)" (scanSuccess)="success($event)" (camerasFound)="camerasFound($event)" (camerasNotFound)="camerasNotFound($event)" (permissionResponse)="permissionHandler($event)" [previewFitMode]="'cover'" [timeBetweenScans]="1000" [tryHarder]="false"></zxing-scanner>