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

Question

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

此错误仅针对 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 上？

Answer 1

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

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