离子设备方向 getCurrentHeading 返回错误答案

【问题标题】：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

希望这会有所帮助。

【讨论】：