2017-04-01 56 views
3

我建設我的離子2應用程序,我得到這個錯誤:運行時錯誤錯誤:0:0引起的:無提供狀態欄

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中的所有本機插件?

回答

6

正如錯誤所示,您沒有StatusBar的提供者。

添加提供無論是在你的組件,

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

或最好,在你NgModule

@NgModule({ 
    imports: ... 
    ......., 
    providers: [StatusBar] 
}) 

在後一種情況下,你就必須到其他ES6「進口」語句添加到允許StatusBar類型可以作爲提供者添加到NgModule中

+0

好吧,我不確定我添加了還導入並將它們全部添加到@NgModule中。 謝謝 – Louis

+0

這是一個常見的問題,我看到這裏經常出現 - 圍繞es6/typescript導入語句(每個打字稿頂部的行)與NgModule導入混淆。對於每個ts文件,都必須導入到該文件中要引用的每種類型的特定ts文件中。 – snorkpete

+0

好的,謝謝你的澄清 – Louis

相關問題