Angular 2 –aot导致AnimationEntryMetadata失败

发布时间：2020-12-17 17:22:39 所属栏目：安全来源：网络整理

导读：我的代码适用于ng build和ng build –prod howerver,当我添加–aot到命令时,它失败并出现以下错误：未捕获的错误：模块构建失败：错误：C：/Users/dremache/Code/control-f2/client/src/app/transitions.ts(11,14)：导出的变量’pageTransitions’已经或正

我的代码适用于ng build和ng build –prod howerver,当我添加–aot到命令时,它失败并出现以下错误：

未捕获的错误：模块构建失败：错误：C：/Users/dremache/Code/control-f2/client/src/app/transitions.ts(11,14)：导出的变量’pageTransitions’已经或正在使用名称’AnimationEntryMetadata’来自外部模块“C：/ Users / dremache / Code / control-f2 / client / node_modules / @ angular / core / src / animation / metadata”但无法命名.)

这是transitions.ts：

import { trigger,state,style,transition,animate,keyframes } from '@angular/core';


export const pageTransitions = 

  trigger('slideInOut',[

    state('in',style({transform: 'translateX(0)'})),transition('void => *',[
      style({transform: 'translateX(-60px)',opacity: '0'}),animate('300ms ease-out')
    ]),transition('* => void',[
      animate('300ms ease-out',style({transform: 'translateX(-60px)'}))
    ])
  ]);

这是导入它的组件：

//other imports
import { pageTransitions } from './transitions';

@Component({
  //other properties
  animations: [ pageTransitions,trigger('items',[
         // states and transitions here.. removing for cleanliness
      ]
  })

有任何想法吗？我这样做是为了避免重新定义相同的动画.这些动画正应用于来自void =>的组件. *创建页面过渡动画.

解决方法

固定它！

在我的transitions.ts文件中,我需要更改：

export const pageTransitions =

至：

export const pageTransitions: AnimationEntryMetadata =

(以及从@ angular / core导入AnimationEntryMetadata)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!