angular - ionic 地理定位插件错误 : "No provider for Geolocation"

Question

我正在尝试在我的 ionic2 hello world 项目中使用地理定位，并且我按照 official site 上的说明添加了 ionic 插件“Geolocation” .

我已经运行了这两个命令:

$ ionic plugin add cordova-plugin-geolocation
$ npm install --save @ionic-native/geolocation

这是我的家.ts:

import { Component } from '@angular/core';
import {Geolocation} from '@ionic-native/geolocation'
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  map:any=null;
  geoInfo:any={
      resp:'',
      data:''
  };

  constructor(
      public navCtrl: NavController,
      private geolocation: Geolocation
  ) {

  }

  test(){
      this.geolocation.getCurrentPosition().then((resp) => {
          this.geoInfo.resp=JSON.stringify(resp);
          // resp.coords.latitude
          // resp.coords.longitude
      }).catch((error) => {
          console.log('Error getting location', error);
          this.geoInfo.resp='Error getting location';
      });

      let watch = this.geolocation.watchPosition();
      watch.subscribe((data) => {
          this.geoInfo.data=JSON.stringify(data);
          // data can be a set of coordinates, or an error (if an error occurred).
          // data.coords.latitude
          // data.coords.longitude
      });

  }

}

但是，我的 chrome 控制台出现以下错误:

EXCEPTION: Error in ./TabsPage class TabsPage - inline template:0:0 caused by: No provider for Geolocation!
error_handler.js:56ORIGINAL EXCEPTION: No provider for Geolocation!

起初我以为是因为我在浏览器中调试，但后来我的 Android 手机出现了同样的错误。

那么“No provider for Geolocation”是什么意思，我应该如何在我的 ionic2 项目中使用地理定位？

非常感谢!

Answer 1

你需要在 NgModule 中添加 provider，即 providers 下的 module.ts，

providers: [
  Geolocation
]