QRScanner | simple QR Code scanner framework for iOS | iOS library

I have a problem with a test in React.JS. My component scans a QR Code Image, I use this dependency: https://www.npmjs.com/package/qr-scanner with version 1.4.1

This is my test

I referring https://www.npmjs.com/package/cordova-plugin-qrscanner and trying to create a QR Scan function in my mobile app.

So for first steps, I am creating the following code in my ts file:

After updating my npm packages, some of the imports from the 'vue' module started showing errors:

TS2305: Module '"../../node_modules/vue/dist/vue"' has no exported member 'X'

where X is nextTick, onMounted, ref, watch etc. When serving the project, Vue says it's "failed to compile". WebStorm actually recognizes the exports, suggests them and shows types, but the error is shown regardless. Some exports like computed and defineComponent work just fine.

What I've tried:

• Rollback to the previously used Vue version "3.2.2" > "3.0.11". It makes the abovementioned type errors disappear, but the app stops working entirely, showing lots of TypeError: Object(...) is not a function errors in console and not rendering the app at all. In the terminal, some new warnings are introduced: "export 'X' (imported as '_X') was not found in 'vue' where X is createElementBlock, createElementVNode, normalizeClass and normalizeStyle.
• Rollback other dependencies. None of the ones that I tried helped fix the problem, unfortunately.
• Manually declare the entirety of 'vue' module. We can declare the 'vue' module exports in shims-vue.d.ts, and it actually makes the errors disappear, however, this seems like a terrible, time-consuming workaround, so I would opt out for a better solution if possible.

My full list of dependencies:

I have a modal which opens up when I scan a qr Code. After this I set a props to true which tells my Responsemodal to open up. Problem is, I cannot close because this prop is read-only in child component.

Here is my code:

So i'm building a QRcode scanner app.

When I scan a barcode, I want another modal to appear but I want to data (decoded from barcode) to be passed to my child Component which is ResponseModal.

here is my code

QrScanner.js

Firebase 8 seems to have a problem. Firestore was not able to get a collection or doc element in case of error '''this.afs.collection is not a function'''. I understand, afs seems to be something like not initialized. But its set as provider in 'app.module.ts' and its not null.

Then I installed all I found, like angular/fire 6.1.5, firebase 8, ionic-native/firebase 5.36, firestore-x, firebase-authentication, cordova-plugin-firebase 2.0.5, cordova-plugin-firebase-authentication, cordova-plugin-firebasex. It feels overloaded but I still can not get the function, even if afs instance is not null.

Any ideas?

I'm trying to connect my proyect with a mysql database but I get this error at the driver:

I am using the library https://github.com/felipenmoura/qr-code-scanner to implement scanning of the QR codes. I am facing two problems -

1. Google chrome throws the following error whenever I click the button to trigger. The library works fine on Safari.

Uncaught (in promise) OverconstrainedError {name: "OverconstrainedError", message: "", constraint: "facingMode"}constraint: "facingMode"message: ""name: "OverconstrainedError"__proto__: OverconstrainedError

1. The camera feed doesn't work for mobile phones (both safari and chrome). It opens the camera, and doesn't show the live feed, instead it keeps on showing a static image

I am not sure if this is the best library for QR code scanning. My aim is to implement a button that triggers the camera, scans QR,enter image description here and puts the scanned string into the input field.

My code is -

I am trying to implement QR scanner to scan for QR code using angular2-qrscanner. After doing what it says in the documentation, I am gettting the error

"Cannot read property 'getMediaDevices' of undefined "

on the console. These are my codes.

AppModule.ts