Внедрить QR-сканер в ионном - PullRequest
0 голосов
/ 28 апреля 2019

Я новичок в Ионике, поэтому я не очень хорошо разбираюсь в Ionic-framework, я пытаюсь внедрить сканер Cordova-plugin-QR, но он показывает следующую ошибку на моей консоли.

enter image description here

и есть мой код

import { Component, OnInit } from '@angular/core';
import { QRScanner, QRScannerStatus } from '@ionic-native/qr-scanner/ngx';

@Component({
  selector: 'app-notification',
  templateUrl: './notification.page.html',
  styleUrls: ['./notification.page.scss'],
})

export class NotificationPage implements OnInit {
    constructor(private qrScanner: QRScanner  ) {
    }

ngOnInit(){
  this.qrScanner.prepare()
  .then((status: QRScannerStatus) => {
     if (status.authorized) {
       // camera permission was granted


       // start scanning
       let scanSub = this.qrScanner.scan().subscribe((text: string) => {
         console.log('Scanned something', text);

         this.qrScanner.hide(); // hide camera preview
         scanSub.unsubscribe(); // stop scanning
       });

     } else if (status.denied) {
       // camera permission was permanently denied
       // you must use QRScanner.openSettings() method to guide the user to the settings page
       // then they can grant the permission from there
     } else {
       // permission was denied, but not permanently. You can ask for permission again at a later time.
     }
  })
  .catch((e: any) => console.log('Error is', e));
   }
}

1 Ответ

2 голосов
/ 28 апреля 2019

Вам необходимо установить провайдера QRScanner в app.module.ts

import { QRScanner } from '@ionic-native/qr-scanner/ngx';

@NgModule({
  ...

  providers: [
    ...
    QRScanner
    ...
  ]
  ...
})
export class AppModule { }
...