运行时错误错误:0:0导致:没有StatusBar的提供程序

时间:2017-04-01 22:11:05

标签: angular typescript ionic2

我正在构建我的离子2应用程序,我收到此错误:

Runtime Error
Error in :0:0 caused by: No provider for StatusBar!

在app.component.ts中,我有:

import { StatusBar } from '@ionic-native/status-bar';
...
@Component({
    templateUrl: 'app.html'
})
export class MyApp {

    pageComponent: any;
    private admobid: any;

    constructor(
          public platform: Platform
        , public statusBar: StatusBar
        ...

我不明白是否必须列出app.module.ts中的所有原生插件?

1 个答案:

答案 0 :(得分:7)

如错误所示,您没有StatusBar的提供商。

在您的组件中添加提供商

apply plugin: 'com.android.application'

 android {
compileSdkVersion 25
buildToolsVersion "25.0.2"
defaultConfig {
    applicationId "com.example.nefissa.pfe2"
    minSdkVersion 16
    targetSdkVersion 25
    versionCode 1
    versionName "1.0"
    testInstrumentationRunner       "android.support.test.runner.AndroidJUnitRunner"
 }
  buildTypes {
    release {
        minifyEnabled false
        proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
    }
}
}

dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2',     {
    exclude group: 'com.android.support', module: 'support-annotations'
})
compile 'com.android.support:appcompat-v7:25.1.0'
compile 'com.android.support:design:25.1.0'
compile 'com.android.support:cardview-v7:25.1.0'
compile 'com.google.android.gms:play-services:25.1.0'

testCompile 'junit:junit:4.12'
}

或最好是在你的NgModule

@Component({
   .....
   providers: [StatusBar]
})

在后一种情况下,您必须添加另一个es6' import'允许StatusBar类型作为NgModule

中的提供者添加的语句