地理定位问题导入离子

Issue with geolocations import ionic

我为这个插件安装了 cordova 和 ionic native https://ionicframework.com/docs/v3/native/geolocation/ 当我也添加它时,我的导入列表在 app.module.ts 我的 html 页面加载但是一旦我添加定位到供应商 我在浏览器中遇到了一个空白的白屏。在控制台中是此错误消息:SCRIPT5002: SCRIPT5002: Function expected

这是我的 app.module.ts 文件的代码

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import{HttpClientModule} from "@angular/common/http"

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { Geolocation } from '@ionic-native/geolocation';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule, HttpClientModule],
  providers: [
    StatusBar,
    SplashScreen,
    Geolocation, //as soon as geolocation is added too the providers im met with a blank screen
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

这是使用地理定位的组件的代码。

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



@Component({
  selector: 'app-gps',
  templateUrl: './gps.page.html',
  styleUrls: ['./gps.page.scss'],
})
export class GpsPage implements OnInit {

  constructor(private geolocation :Geolocation) { }

  ngOnInit() {
    this.geolocation.getCurrentPosition().then((resp) => {
    }).catch((error) => {
      console.log('error getting location',error)
    })
    }
  }

我认为这是导入的问题,我创建了一个新项目,安装了插件并在导入的末尾包含 /ngx 解决了问题,但我当前的项目没有工作。