angular - BarcodeScanner 没有供应商

Question

代码如下：

    从'@angular/core'导入{组件}；
    从 'ionic-angular' 导入 { NavController, Platform }；
    从'@ngx-translate/core'导入{ TranslateService }；
    从'@ionic-native/barcode-scanner'导入{ BarcodeScanner }；

    @零件（{
        选择器：'page-home'，
        模板网址：'home.html'
    })
    导出类主页 {
        构造函数（公共navCtrl：NavController，私有翻译：TranslateService，私有barcodeScanner：BarcodeScanner）{

        }
        //切换语言
       改变语言（） {
            让 browserLang = this.translate.currentLang;
            this.translate.use(browserLang.match(/en/) ? 'zh' : 'en');
        }
        //扫描测试
        扫码（）{
            this.barcodeScanner.scan()
                .then((结果) => {
                    控制台.log（结果）；
                })
                .catch((错误) => {
                    警报（错误）；
                });
        }
    }

错误图片：

参考：<a href="https://ionicframework.com/docs/native/barcode-scanner/" rel="noreferrer">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.Remove 并执行以下操作：

npm install --save @ionic-native/core

Answer 2

我对 ionic cli 3.9.2 有同样的问题，并使用 npm i @ionic-native/barcode-scanner@beta --save 解决。

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

@NgModule({
  ...

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

Answer 3

ionic cordova plugin add phonegap-plugin-barcodescanner --save安装错误消息后，我在 android 设备上遇到了同样的问题plugin_not_installed。刚刚在标签中添加了CAMERA_USAGE_DESCRIPTION变量并且正在工作:)phonegap-plugin-barcodescannerconfig.xml

<plugin name="phonegap-plugin-barcodescanner" spec="^7.0.1">
    <variable name="CAMERA_USAGE_DESCRIPTION" value=" " />
</plugin>