2017-04-01 3 views
3
없음 제공

내 이온이 응용 프로그램을 구축하고, 그리고 난이 오류 얻을 : app.component.ts에서런타임 오류 오류 : 발생 0 : 0 상태 표시

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

을, 내가 가진 :

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

오류가 나타내는 것처럼 상태 표시 줄에 대한 공급자가 없습니다.

후자의 경우에 당신의 NgModule

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

에서, 구성 요소, 바람직하게

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

또는 공급자 중 하나를 추가, 당신은 또 다른 ES6 '수입'문을 추가해야합니다 StatusBar 유형을 NgModule의 공급자로 추가 할 수 있도록 허용하십시오.

+0

좋아요, 추가하여 @NgModule에도 가져 오기 및 추가를 모두 할 수 있는지 잘 모르겠습니다. 감사합니다 – Louis

+0

여기에 반복적으로 나타나는 문제는 es6/typescript import 문 (각 typescript 파일의 맨 위에있는 행)과 NgModule 가져 오기 사이의 혼란입니다. 모든 TS 파일의 경우 해당 파일에서 참조하려는 모든 유형의 특정 ts 파일로 가져와야합니다. – snorkpete

+0

확인 해 주셔서 감사합니다. – Louis