Angular 7 : Build Prod Error: Property 'value' does not exist on type 'Component'

我正在创建一个搜索输入。那，在清除图标上也输入。

仅为ng build --prod缓存此错误

错误是

ERROR in src\app\menu\sidebar\sidebar.component.html(4,88): : Property 'value' does not exist on type 'SidebarComponent'.
src\app\menu\sidebar\sidebar.component.html(5,28): : Property 'value' does not exist on type 'SidebarComponent'.
src\app\menu\sidebar\sidebar.component.html(4,88): : Property 'value' does not exist on type 'SidebarComponent'.

在我的HTML代码中

<h4 class="col my-2">Application List</h4>

<mat-form-field class="col">
        <input class="search" matInput type="text"  placeholder="Search" [(ngModel)]="value" ><!--This is search input-->
        <button mat-button *ngIf="value" matSuffix mat-icon-button aria-label="Clear" (click)="value=''">
          <mat-icon>close</mat-icon>
        </button>
</mat-form-field>

<mat-list *ngFor="let app of applist" class="applist" #applist>

            <a mat-list-item routerLink="." routerLinkActive="active">
                <mat-icon color="primary" class="mr-1">album</mat-icon>
                {{app}}
            </a>

    </mat-list>

为什么在--prod上显示此错误？

最佳答案

在组件中，创建一个具有名称值的属性。生产版本还会尝试查找未声明但在模板中使用的属性(因为编译无法捕获此错误)，因此为什么会引发错误。

@Component({
   ...
})
export class SideBarComponent {
   ...
   value: any;
   ...
}

关于Angular 7 : Build Prod Error: Property 'value' does not exist on type 'Component' ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54365670/