NotReadableError: Could not start video source

[JATT98]

Create a project for Angular 11 with the following dependencies:

"@zxing/browser": "^0.1.5", 
"@zxing/library": "0.14.2", 
"@zxing/ngx-scanner": "1.7. 2", 

and setting up the scanner in a very simple way

<zxing-scanner class="col-12" 
  [enable]="true" 
  (scanSuccess)="handleQrCode($event)"> 
</zxing-scanner> 

Angular CLI: 11.2.19
Node: 16.14.2
OS: win32 x64
Angular: 11.2.14

On this device (mine) it works fine, the scanner starts and can read my codes, however, on a secondary dvice where we had to install NVM to downgrade the Node version to the one I have and after using npx ng serve, the scanner does not work and in the console we get the following error:

I tried to copy the code from these projects where my camera is detected on the second device, however, it still doesn't work and the error is the same:
https://stackblitz.com/edit/zxing-ngx-scanner?file=projects%2Fzxing-scanner-demo%2Fsrc%2Fapp%2Fapp.component.html
https://stackblitz.com/edit/zxing-ngx-scanner-sw2r9h?file=projects%2Fzxing-scanner-demo%2Fsrc%2Fapp%2Fapp.component.html

[loic-parent]

Hello, I encounter the exact same issue (issue 576).

@JATT98 does your angular configured with modules or standalone?
(EDIT: This is not related to the standalone mode of the project).

[loic-parent]

Hi @JATT98,

No news about it?