地理定位问题导入离子
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 解决了问题,但我当前的项目没有工作。
我为这个插件安装了 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 解决了问题,但我当前的项目没有工作。