离子设备方向getCurrentHeading返回错误

Question

我尝试在离子项目中使用Ionic Device Orientation来查找设备的前进方向，例如您在Google Maps中的蓝色物体，以显示您要在地图上前进的方向。我的最终目标是使指南针集成到离子应用程序中。

这是我的职责。

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

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

我的角度版本是5.2.11

我的离子版本为4.18.0

如果您有任何想法，或者是关于如何将指南针集成到Ionic应用程序中的建议，请随时分享！

Answer 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”，则将其删除。它用于Angular6。由于您使用的是Angular 5，所以不需要。

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

有关详细说明，您可以查看此答案

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

希望这会有所帮助。