Animate.css 动画 fadeInDown 在添加 @angular/material 后停止工作答案

【问题标题】：Animate.css animation fadeInDown stopped working after adding @angular/materialAnimate.css 动画 fadeInDown 在添加 @angular/material 后停止工作
【发布时间】：2021-01-09 10:50:26
【问题描述】：

我最近在我的 angular 项目中添加了 angular 材质，但在我的项目中添加 @angular/material 后不久，animate.js 提供的一些动画就停止了工作。

有什么方法可以让 animate.js 和 angular material 一起工作。

控制台错误：

Module build failed: Error: ENOENT: no such file or directory, open 'node_modules/zone.js/dist/zone-evergreen.js'

但我确实在那个路径上有那个文件。

【问题讨论】：

删除 node_modules 并尝试重新安装新副本。

标签： javascript angular angular-material animate.css

【解决方案1】：

我认为这会有所帮助：（为了在冲突区域禁用角度材质动画）

-使用NoopAnimationsModule 而不是BrowserAnimationsModule 禁用所有动画

-使用@HostBinding('@.disabled') private disabled = true; 禁用组件动画

-使用<mat-checkbox @.disabled></mat-checkbox> 禁用材质组件（使用指令）

【讨论】：