0

我正在尝试在 --prod 模式下构建我的 Angular 4.3 应用程序，但出现以下错误（正常构建工作正常）：

    ERROR in Recursion not supported, resolving symbol routerAnimation in ..

这就是我的 admin.component.ts 的样子：

animations: [
    trigger('routerAnimations', [
      transition('* => page1', [
        useAnimation(routerAnimation)
      ]),
      transition('* => page2, [
        useAnimation(routerAnimation)
      ]),
    ])
  ]

和我的动画代码：

export const routerAnimation = animation([
  query(':enter, :leave', style({ position: 'fixed', left: 0, right: 0 }), {optional: true}),
  query(':leave', style({ zIndex: 100 }), {optional: true}),
  query(':enter', style({ transform: 'translateX(-150%)' }), {optional: true}),
  group([
    query(':leave', group([
      animate('300ms cubic-bezier(.35,0,.25,1)', style({ transform: 'translateX(200%)', opacity: 0 })), // y: '-100%'
      animateChild()
    ]), {optional: true}),
    query(':enter', group([
      animate('300ms cubic-bezier(.35,0,.25,1)', style({ transform: 'translateX(0%)' })),
      animateChild()
    ]), {optional: true})
  ])
]);

经过几次测试，我注意到只有在使用以下动画代码时才会出现错误：

group([
    query(':leave', group([
      animate('300ms cubic-bezier(.35,0,.25,1)', style({ transform: 'translateX(200%)', opacity: 0 })), // y: '-100%'
      animateChild()
    ]), {optional: true}),
    query(':enter', group([
      animate('300ms cubic-bezier(.35,0,.25,1)', style({ transform: 'translateX(0%)' })),
      animateChild()
    ]), {optional: true})
  ])

知道有什么问题吗？

4

1 回答 1

0

看起来像Angular AOT编译器的这个问题，问题已经在angular github中打开

昨天有人为此提交了一个错误修复，它可能会在下一个 Angular 版本中修复。

于 2017-07-30T07:29:05.173 回答