javascript – 找到合成属性@enterAnimation.请在您的应用程序中包含“BrowserAnimationsModule”或“NoopAnimationsModule”. Ang

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 找到合成属性@enterAnimation.请在您的应用程序中包含“BrowserAnimationsModule”或“NoopAnimationsModule”. Ang，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1406字，纯文字阅读大概需要3分钟。

内容图文

运行Karma来测试我的Angular4应用程序时,我收到此错误找到合成属性@enterAnimation.请在您的应用程序中包含“BrowserAnimationsModule”或“NoopAnimationsModule”.虽然我已经在app.module.ts中导入了该模块

        // animation module
        import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; 
    ...
@NgModule({
    imports: [...
        BrowserAnimationsModule,
        ...
      ],

在我的组件中：

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

    @Component({
      selector: 'app-about',
      animations: [
        trigger(
          'enterAnimation', [
            transition(':enter', [
              style({ transform: 'translateX(100%)', opacity: 0 }),
              animate('500ms', style({ transform: 'translateX(0)', opacity: 1 }))
            ]),
            transition(':leave', [
              style({ transform: 'translateX(0)', opacity: 1 }),
              animate('500ms', style({ transform: 'translateX(100%)', opacity: 0 }))
            ])
          ]
        ),
        trigger(
          'enterAnimationVetically', [
            transition(':enter', [
              style({ transform: 'translateY(100%)', opacity: 0 }),
              animate('500ms', style({ transform: 'translateY(0)', opacity: 1 }))
            ]),
            transition(':leave', [
              style({ transform: 'translateY(0)', opacity: 1 }),
              animate('500ms', style({ transform: 'translateY(100%)', opacity: 0 }))
            ])]
        )
      ],
...

该应用程序运行完美与ng服务,我得到这个错误与业力.

解决方法:

未来的读者：当你忘记放置时,你也可以得到这个确切的错误

animations: [ <yourAnimationMethod()> ]

在@Component ts文件上.

那就是你在HTML模板上使用[@yourAnimationMethod].

内容总结

以上是互联网集市为您收集整理的javascript – 找到合成属性@enterAnimation.请在您的应用程序中包含“BrowserAnimationsModule”或“NoopAnimationsModule”. Ang全部内容，希望文章能够帮你解决javascript – 找到合成属性@enterAnimation.请在您的应用程序中包含“BrowserAnimationsModule”或“NoopAnimationsModule”. Ang所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端