“ ion-raw”不是一个已知的元素

Question

我在编译时使用ionic framewrok和angular js创建了移动应用程序 离子服务和离子实验室 它运作良好，但是当我尝试使用 离子科尔多瓦建立android --release --prod

发生以下错误。

这是我的离子信息 。

我尝试了几种麻烦的方法，但无法解决。这是我的代码

<ion-header>
  <ion-toolbar>
    <ion-title>
      LIVE-STATISCS
    </ion-title>
  </ion-toolbar>
</ion-header>


<ion-content>
  
        <ion-grid>
          <div class="ion-padding">
          <ion-raw><ion-col >UPDATE-TIME</ion-col><ion-col><p style="background:#99FFCC" *ngIf="!error;else errorContent">{{ TotSL3? TotSL3 : '-' }}</p></ion-col></ion-raw>
          <ion-raw><ion-col>NEW-CASES</ion-col><ion-col><p style="background:#99FFCC"*ngIf="!error;else errorContent">{{ TotSL? TotSL : '-' }}</p></ion-col></ion-raw> 
          <ion-raw><ion-col>TOTAL-CASES</ion-col><ion-col><p style="background:#99FFCC"*ngIf="!error;else errorContent">{{ TotSL2? TotSL2 : '-' }}</p></ion-col></ion-raw>
          <ion-raw><ion-col>LOCAL-DEATHS</ion-col><ion-col><p style="background:#99FFCC"*ngIf="!error;else errorContent">{{ TotSL4? TotSL4 : '-' }}</p> </ion-col></ion-raw>
          <ion-raw><ion-col>NEW-DEATHS</ion-col><ion-col></ion-col><p style="background:#99FFCC"*ngIf="!error;else errorContent">{{ TotSL5? TotSL5 : '-' }}</p></ion-raw>
          <ng-template #errorContent><p><span style="color: red;">{{error}}</span></p></ng-template>
        </div>
        </ion-grid>
  
  <ion-button [routerLink]="['/fist-page']"expand="full" fill="outline">BACK</ion-button>

</ion-content>

Answer 1

将其更改为ion-row，可能会解决编译错误。

请参考文档：https://ionicframework.com/docs/api/row