动画状态已声明但从未使用过

Question

我有模板中使用的动画状态。当运行npm start时，我得到动画状态被声明但从未使用过的错误。使用Angular2 2.4.4

这是一个例子，但我得到了项目中所有动画状态的相同错误。在我更新Angular和Webpack之前，这曾经有用。

在模板中

<div [@searchState]="searchState"> </div>

组件中的

@Component({
  selector: 'myComp',  
  styleUrls: ['./myComp.style.scss'],
  animations: [
  trigger('searchState', [
  state('compact', style({
    height: '40px'
  })),
  state('normal', style({
    height: '64px'
  })),
  transition('compact => normal', animate('100ms ease-in')),
  transition('normal => compact', animate('200ms ease-out'))
])
 ],
    templateUrl: './myComp.template.html'
})


 export class HeaderComponent implements OnInit, OnDestroy {
   searchState: string;
  ngOnInit() {
     this.searchState = 'compact';
 }
 }