没有BarcodeScanner的提供者

Question

代码如下:

    import { Component } from '@angular/core';
    import { NavController, Platform } from 'ionic-angular';
    import { TranslateService } from '@ngx-translate/core';
    import { BarcodeScanner } from '@ionic-native/barcode-scanner';

    @Component({
        selector: 'page-home',
        templateUrl: 'home.html'
    })
    export class HomePage {
        constructor(public navCtrl: NavController, private translate: TranslateService, private barcodeScanner: BarcodeScanner) {

        }
        //Switch language 
       changelanguage() {
            let browserLang = this.translate.currentLang;
            this.translate.use(browserLang.match(/en/) ? 'zh' : 'en');
        }
        //Scan test
        ScanCode() {
            this.barcodeScanner.scan()
                .then((result) => {
                    console.log(result);
                })
                .catch((error) => {
                    alert(error);
                });
        }
    }

错误图片:

参考:https://ionicframework.com/docs/native/barcode-scanner/

出现了新的问题:
根据Suraj的建议,提示"plugin_not_installed"

错误图片:

开发环境:Visual Studio 2017

Answer 1

您需要在app.module.ts中将扫描程序设置为提供程序

import { BarcodeScanner } from '@ionic-native/barcode-scanner';

@NgModule({
  ...

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

参考:在此处为您的应用程序模块添加插件

更新:从你的package.json看起来你已经安装了旧的.ionic-native - 2.4.1删除它并执行:

npm install --save @ionic-native/core