각도 애니메이션 오류 - 초기 값이없는 빈 배열의 감소

Question

언제 콘솔에 다음과 같은 오류 얻을 구성 요소에 애니메이션을 추가 :

Reduce of empty array with no initial value

내 각도 버전 : 2.0.0

을

애니메이션 코드 :

animations: [ 
    trigger('routerTransition', [ 
     state('void', style({ position: 'fixed', width: '100%' })), 
     state('*', style({ position: 'fixed', width: '100%' })), 
     transition(':enter', [ 
      style({ transform: 'translateX(100%)' }), 
      animate('0.5s ease-in-out', style({ transform: 'translateX(0%)' })) 
     ]), 
     transition(':leave', [ 
      style({ transform: 'translateX(0%)' }), 
      animate('0.5s ease-in-out', style({ transform: 'translateX(-100%)' })) 
     ]) 
    ]) 
] 

오류 :

Answer 1

내가, 내가 내 각도 버전의 예에서와 동일하지 몰랐어요 this 다음 예제 된 각도 버전 2.1.0에 도입 된 새로운 애니메이션 별칭을 사용하고 있었던 것으로 나타났다.

콜 스택을 통해 파고 후 나는 실제 오류는 것을 발견했다 :

the provided :enter is not of a supported format

이 오류가 콘솔에 로그인 한 경우가 도움이되었을 것이다.

Angular 2.1.0으로 업그레이드하면 오류가 해결되었습니다. 릴리스 노트에서

추출 :

Animation in Angular has been enhanced by adding :enter and :leave aliases for the common void => * and * => void state changes. The transition API documentation has been updated with these aliases.