属性 'set' 在类型 'NgProgress' 上不存在 & 属性 'complete' 在类型 'NgProgress' 上不存在

Question

我是移动应用程序开发的新手，这是我从在线教程中获得的代码here我完全不知道该怎么做

this is the code from home.ts

     recognizeImage() {
    Tesseract.recognize(this.selectedImage)
    .progress(message => {
      if (message.status === 'recognizing text')
      this.progress.set(message.progress);
    })
    .catch(err => console.error(err))
    .then(result => {
      this.imageText = result.text;
    })
    .finally(resultOrError => {
      this.progress.complete();
    });
  }

this is the code from home.html

    <ion-content padding>
  <ng-progress [min]="0" [max]="1"></ng-progress>

  <button ion-button full (click)="selectSource()">Select Image</button>
  <button ion-button full (click)="recognizeImage()" [disabled]="!selectedImage">Recognize Image</button>

  <img [src]="selectedImage" *ngIf="selectedImage">

  <ion-card *ngIf="imageText">
    <ion-card-header>
      Image Text
    </ion-card-header>
    <ion-card-content>
      {{ imageText }}
    </ion-card-content>
  </ion-card>
</ion-content>

Answer 1

问题是您的 Angular 版本与 ngx-progressbar 的版本不兼容。您可以升级 angular 或降级 ngx-progressbar。

在我的项目中，我将 ngx-progressbar 降级到版本 4。例如：npm install @ngx-progressbar/core@v4.3.0

您可以查看 Git 中的文档以获取更多信息。有 2 个文档，1 个支持 Angular >= 5，另一个支持 Angular 2.x & 4.x

属性 'set' 在类型 'NgProgress' 上不存在 & 属性 'complete' 在类型 'NgProgress' 上不存在

Property 'set' does not exist on type 'NgProgress' & Property 'complete' does not exist on type 'NgProgress'

tesseract

cordova

ionic-framework

ionic3