【问题标题】:Ionic Device Orientation getCurrentHeading returns an error离子设备方向 getCurrentHeading 返回错误
【发布时间】:2020-04-17 15:17:22
【问题描述】:

我尝试在 ionic 项目中使用 Ionic Device Orientation 来查找设备的前进方向,就像您在 Google 地图中的蓝色东西一样,以在地图上显示您要前往的方向。我的最终目标是在离子应用程序中集成一个指南针。

这是我的功能。

  public test() {
      this.deviceOrientation.getCurrentHeading().then(
          (data: DeviceOrientationCompassHeading) => console.log(data),
          (error: any) => console.log(error)
      );
  }

但是,当我尝试运行它时,出现以下错误

我的 Angular 版本是 5.2.11

我的 Ionic 版本是 4.18.0

如果您知道这可能来自哪里,或者如果您对如何在 Ionic 应用程序中集成指南针有任何建议,请随时分享,谢谢!

【问题讨论】:

    标签: typescript ionic-framework device-orientation


    【解决方案1】:

    您似乎已经安装了 ionic 4 支持的面向设备的插件(版本 >= 5.0.0)。由于您使用的是 ionic 3,请卸载该插件并安装 4.20.0 版本。

    npm uninstall @ionic-native/device-orientation
    

    然后

    npm i -s @ionic-native/device-orientation@4.20.0
    

    如果您在导入结束时添加了“ngx”,请将其删除。它适用于 Angular 6。由于您使用的是 Angular 5,因此不需要它。

    import { DeviceOrientation } from '@ionic-native/device-orientation';
    

    更详细的解释可以查看这个答案

    https://stackoverflow.com/a/54398403/6617276

    希望这会有所帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-17
      • 1970-01-01
      • 1970-01-01
      • 2017-07-07
      • 2012-05-27
      • 1970-01-01
      • 2015-08-01
      • 2018-09-03
      相关资源
      最近更新 更多