Ionic Device Orientation getCurrentHeading returns 一个错误

Question

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

这是我的函数。

  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 应用程序中集成指南针有任何建议，请随时分享，谢谢！

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'，请将其删除。用于 Angular 6。由于您使用的是 Angular 5，因此不需要。

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

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

希望这对您有所帮助。

Ionic Device Orientation getCurrentHeading returns 一个错误

Ionic Device Orientation getCurrentHeading returns an error

typescript

ionic-framework

device-orientation