プログレスバーがイオン3で動作しません

Question

This Reference Linkの後にIonic 3アプリケーションでプログレスバーを実装しようとしましたが、次のエラーが発生しています。

Runtime Error:Template parse errors: Can't bind to 'progress' since it isn't a known property of 'progress-bar'.1. If 'progress-bar' is an Angular component and it has 'progress' input, then verify that it is part of this module. 2. If 'progress-bar' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("u, including the respective address and opening hours</p> </span><br> <progress-bar [ERROR ->][progress]=50></progress-bar> </ion-card-content> "): ng:///AppModule/HomePage.html@21:22 'progress-bar' is not a known element: 1. If 'progress-bar' is an Angular component, then verify that it is part of this module. 2. If 'progress-bar' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("trooms near you, including the respective address and opening hours</p> </span><br> [ERROR ->]<progress-bar [progress]=50></progress-bar> </ion-card-content> "): ng:///AppModule/HomePage.html@21:8

TSファイルのコードが

import { Component, Input } from '@angular/core'; 

@Component({ 
    selector: 'progress-bar', 
    templateUrl: 'progress-bar.html' 
}) 
export class ProgressBarComponent { 

    @Input('progress') progress; 

    constructor() { 

    } 

} 

あるチュートリアルに示されているように私は、同じコードがに思えるようなエラーを把握することができません名前ProgressBarComponentでコンポーネントを作成しました他人のためにうまくいくが、私はそうではない。

Answer 1

まだ行ったが、そのが動作していない、

@NgModule({ 
    imports: [ 

    ], 
    declarations: [ 
     ProgressBarComponent 
    ] 
})