离子设备方向getCurrentHeading返回错误

Posted 2021-03-30

我尝试在离子项目中使用Ionic Device Orientation，以便找到设备的标题方向，就像您在Google地图中显示的蓝色一样，以显示您在地图上前往的方向。我的最终目标是将指南针集成到离子应用程序中。

这是我的功能。

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

但是，当我尝试运行它时，我得到以下错误

我的角度版本是5.2.11

我的Ionic版本是4.18.0

如果你知道这可能来自哪里，或者如果你有关于如何在Ionic应用程序中集成指南针的建议，请随时分享，谢谢！

答案

您似乎已经安装了离子4支持的面向设备的插件（版本> = 5.0.0）。因为您使用离子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

希望这可以帮助。