When I run the command ng build --prod, I encounter the following error:
ERROR in src/app/inventory/inv-parts-main-table/dialog-component/dialog-component.component.html(5,16): Tuple type '[]' of length '0' has no element at index '0'.
Source code related to the error is as follows
<div mat-dialog-content>
<div style="margin-top: 30pt" *ngIf="data.quote[0]!=null">
<span><b>{{data.quote[0] | currency}}</b></span> <br />
{{data.lastUpdatedDate[0] | date :'mediumDate'}} | {{data.supplierName[0]}}
</div>
<div style="margin-top: 10pt" *ngIf="data.quote[1]!=null">
<span><b>{{data.quote[1] | currency}}</b></span> <br />
{{data.lastUpdatedDate[1] | date :'mediumDate'}} | {{data.supplierName[1]}}
</div>
<div style="margin-top: 10pt" *ngIf="data.quote[2]!=null">
<span><b>{{data.quote[2] | currency}}</b></span> <br />
{{data.lastUpdatedDate[2] | date :'mediumDate'}} | {{data.supplierName[2]}}
</div>
</div>
The Typescript (.ts) file structure is shown below
export interface DialogData {
quote: [];
lastUpdatedDate : [];
supplierName: [];
}