【问题标题】:Trying to make a BLE app with Ionic and Angular using the cordova plugin尝试使用 cordova 插件使用 Ionic 和 Angular 制作 BLE 应用程序
【发布时间】:2020-05-29 10:47:09
【问题描述】:

我正在努力正确安装所有东西。看来 cordova 和 Ionic 不再兼容了?我不知道。

我正在关注 ionic 的文档,以及它们链接到的 github https://github.com/don/cordova-plugin-ble-central。 使用命令行ionic cordova plugin add cordova-plugin-ble-central 安装cordova BLE 插件可以让程序从这里识别BLE 导入 import { BLE } from '@ionic-native/ble/ngx';,但随后应用程序停止构建任何东西。我只是得到一个空白屏幕。

有人可以指导我设置一个 ionic/angular 项目并为 BLE 添加cordova插件吗?我想我了解如何使用该插件,那里的文档非常详尽,但是安装部分很困难。

【问题讨论】:

    标签: angular cordova ionic-framework bluetooth-lowenergy cordova-plugins


    【解决方案1】:

    我知道这是一个迟到的答案,但我刚刚在自己使用 cordova-plugin-ble-central 插件时发现了这个问题。

    1. 确保所有软件包都已安装
    2. 将插件作为提供程序导入app.module.ts
    3. 在您正在使用的页面/组件中导入插件

    请确保您还安装了文档中提到的 npm 包 @ionic-native/ble。我发现由于缺少 @ionic-native/core 包而发生了一些错误。 两者都可以使用npm 安装。

    npm install @ionic-native/ble @ionic-native/core
    

    下一步,请确保您将要使用的插件导入到您的app.module.ts 中。 然后将BLE 添加到@NgModule 声明中的提供程序。 举个例子:

    // other imports...
    import { BLE } from '@ionic-native/ble/ngx';
    
    @NgModule({
      declarations: [AppComponent],
      entryComponents: [],
      imports: [
        BrowserModule,
        IonicModule.forRoot(),
        AppRoutingModule
      ],
      providers: [
        BLE, // add BLE here
        { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
      ],
      bootstrap: [AppComponent],
    })
    export class AppModule {}
    

    【讨论】:

      【解决方案2】:

      尝试改用这个插件。 https://ionicframework.com/docs/native/bluetooth-le。 我在 ionic v3 上使用该插件已有几年了。

      【讨论】:

      • 好的,我试试看!只要我可以让 Ionic 在我的设备上构建。我一直在努力使用 Cordova/gradle/daemon 一段时间。您不会碰巧知道在设备上设置离子应用程序的好指南吗? Ionic 以外的其他东西,因为他们没有为安装 Java/cordova/etc 提供太多指导……我没有
      • 我不记得启动时的确切步骤。但我只是遵循了一些在线指南,其中大部分来自 ionic 文档。
      猜你喜欢
      • 1970-01-01
      • 2017-09-20
      • 2016-10-29
      • 1970-01-01
      • 1970-01-01
      • 2016-04-21
      • 1970-01-01
      • 2017-09-03
      • 1970-01-01
      相关资源
      最近更新 更多