‘’ion progress-bar‘是一个角度组件，然后验证它是否是此模块的一部分

Question

我正试着在我的ionic应用中使用'ion-progress-bar‘。但是它抛出了下面的错误。

我试着寻找解决方案，但不知何故无法解决。请指出我在哪里做错了。

我的home.html如下所示：

<ion-content>
<ion-progress-bar></ion-progress-bar>  
</ion-content>

在我的app.module.ts中，我有以下内容：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule, ErrorHandler } from '@angular/core';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';

错误如下：

Error: Template parse errors:
'ion-progress-bar' is not a known element:
1. If 'ion-progress-bar' is an Angular component, then verify that it is part of this module.
2. If 'ion-progress-bar' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<!-- <ion-progress-bar value="0.5"></ion-progress-bar> -->

[ERROR ->]<ion-progress-bar></ion-progress-bar>  

Answer 1

检查是否在app.module.ts中注册了此组件IonProgressBar，如下所示

declarations: [
    MyApp ,
    IonProgressBar 
  ]

还可以在IonProgressBar .ts文件中检查

@Component({
  selector: 'ion-progress-bar',
  ----------------------------
  ----------------------------
})