javascript - IONIC-构造函数中的BluetoothSerial使所有元素不可见

我的最终目标是构建一个具有按钮的应用程序，当按下该按钮时：


列出所有未配对的蓝牙设备-----（尤其是Arduino HC-06）
选择要连接的设备
将数据写入设备


首先，我正在测试按钮功能。

我的按钮可见，按下后显示警报：

HTML：

<ion-header>
  <ion-navbar>
    <ion-title>
      About
    </ion-title>
  </ion-navbar>

</ion-header>

<ion-content padding>
  <button ion-button  ng-click="showAlert()">FIND</button>
</ion-content>

JS：

import { Component } from '@angular/core';
import { AlertController } from 'ionic-angular';

@Component({
  selector: 'page-about',
  templateUrl: 'about.html'
})

export class AboutPage {

  constructor(public alertCtrl:AlertController) {

  }

  showAlert() {
    let alert = this.alertCtrl.create({
      title: 'TEST TITLE',
      subTitle: 'TEST SUBTITLE',
      buttons: ['OK']
    });
    alert.present();
  }

现在要使用蓝牙，我需要在构造函数中包含BluetoothSerial，但是在包含它之后该按钮消失了：

JS：

import { Component } from '@angular/core';
import { AlertController } from 'ionic-angular';
import { BluetoothSerial } from '@ionic-native/bluetooth-serial';

@Component({
  selector: 'page-about',
  templateUrl: 'about.html'
})

export class AboutPage {

  constructor(public alertCtrl:AlertController,
              public bluetoothSerial: BluetoothSerial) {

  }

  showAlert() {
    let alert = this.alertCtrl.create({
      title: 'TITLE HERE',
      subTitle: 'RANDOM',
      buttons: ['OK']
    });
    alert.present();
  }

我正在Android设备上测试所有这些。

问题1：我该如何解决？

问题2：也许有人完成了整个应用程序，可以共享他们的代码吗？

最佳答案

解决了

必须将BluetoothSerial添加到我的应用程序的模块（src/app/app.module.ts）。
http://ionicframework.com/docs/native/#Add_Plugins_to_Your_App_Module

关于javascript - IONIC-构造函数中的BluetoothSerial使所有元素不可见，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44557066/