Ionic 4 本机插件无法正常工作
Ionic 4 native plugin not working
我遇到了 Ionic 4 本机插件的问题。我已经安装了 ionic 4 Cordova 本机插件 "Geolocation" 但是当我 运行 应用进入我的 iOS或 Android 设备向我显示空白屏幕,但没有任何反应。
app.module.ts
代码:
import {
Geolocation
} from '@ionic-native/geolocation';
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [
BrowserModule,
IonicModule.forRoot(),
AppRoutingModule,
ComponentsModule
],
providers: [
StatusBar,
SplashScreen, ** Geolocation ** , {
provide: RouteReuseStrategy,
useClass: IonicRouteStrategy
}
],
bootstrap: [AppComponent]
})
Home.ts
代码:
import {
Geolocation
} from '@ionic-native/geolocation';
constructor(private geolocation: Geolocation) {}
我不知道为什么会这样。但它正在处理 Ionic 3 项目。
任何人都可以告诉我为什么会这样以及我做错了什么。
我找到了解决方案:
- 打开 package.json 并将
@ionic-native/geolocation
更新为 5.0.0-beta.14(与@ionic-native/core
)
- npm 安装
- 更新您的所有导入:
import {Geolocation} from '@ionic-native/geolocation/ngx';
(在 app.module.ts 和您的 component.ts 文件中)
我遇到了 Ionic 4 本机插件的问题。我已经安装了 ionic 4 Cordova 本机插件 "Geolocation" 但是当我 运行 应用进入我的 iOS或 Android 设备向我显示空白屏幕,但没有任何反应。
app.module.ts
代码:
import {
Geolocation
} from '@ionic-native/geolocation';
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [
BrowserModule,
IonicModule.forRoot(),
AppRoutingModule,
ComponentsModule
],
providers: [
StatusBar,
SplashScreen, ** Geolocation ** , {
provide: RouteReuseStrategy,
useClass: IonicRouteStrategy
}
],
bootstrap: [AppComponent]
})
Home.ts
代码:
import {
Geolocation
} from '@ionic-native/geolocation';
constructor(private geolocation: Geolocation) {}
我不知道为什么会这样。但它正在处理 Ionic 3 项目。
任何人都可以告诉我为什么会这样以及我做错了什么。
我找到了解决方案:
- 打开 package.json 并将
@ionic-native/geolocation
更新为 5.0.0-beta.14(与@ionic-native/core
) - npm 安装
- 更新您的所有导入:
import {Geolocation} from '@ionic-native/geolocation/ngx';
(在 app.module.ts 和您的 component.ts 文件中)