Angular NoopAnimationsModule 类型错误匹配元素不是函数答案

【问题标题】：Angular NoopAnimationsModule Type Error matches Element is not a functionAngular NoopAnimationsModule 类型错误匹配元素不是函数
【发布时间】：2018-12-03 02:08:02
【问题描述】：

为我的 Angular 6 应用导入 NoopAnimationsModule 后出现此错误

ERROR TypeError: this.driver.matchesElement is not a function
    at TransitionAnimationEngine.push../node_modules/@angular/animations/fesm5/browser.js.TransitionAnimationEngine.processLeaveNode (browser.js:2976)

【问题讨论】：

标签： angular angular6 angular-animations

【解决方案1】：

@angular/core 和 @angular/animations 应该是相同的版本。
特别是在package.json的包名中寻找“^”符号。

应该是

"@angular/core": "6.0.5",
"@angular/animations": "6.0.5",

不喜欢

"@angular/core": "6.0.5",
"@angular/animations": "^6.0.5",

【讨论】：

最佳解决方案。更新 npm，会更新所有包，可能会导致更多问题！

【解决方案2】：

我在 Angular 6.0 中开发时遇到了同样的错误，但它在 npm 版本 6.0.3 中对我有用。所以，在你的项目中删除node_module，安装最新版本的npm latest，然后重试。

【讨论】：

【解决方案3】：

添加BrowserAnimationsModule 后遇到同样的问题。通过将BrowserAnimationsModule app.module.ts 的导入按正确顺序进行修复： imports: [ BrowserModule, AppRoutingModule, **BrowserAnimationsModule**, MatDialogModule, FormsModule, ReactiveFormsModule, HttpClientModule,

【讨论】：

【解决方案4】：

这在几个小时前发生在我身上，可能是由一些过时的模块引起的。

运行 npm update --save 修复它。

【讨论】：

在npm更新前--save建议先删除node_modules
这对我也有用。我不得不使用 rimraf 删除节点模块，然后我 npm update 并修复它