Angular NoopAnimationsModule Type Error matches Element is not a function

Question

I'm getting this error after importing NoopAnimationsModule for my Angular 6 app

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

score 18 · Answer 1 · answered Jun 25 '18 at 09:09

18

This happened to me a few hours ago, and was probably caused by some outdated modules.

Running npm update --save fixed it.

answered Jun 25 '18 at 09:09

Adrien

303
1
5

2

before npm update --save recommend firstly delete node_modules – Walter White Jun 29 '18 at 16:13
This worked for me also. I had to use rimraf to delete the node module and then I npm update and that fixed it – Maccurt Jul 11 '18 at 00:37

score 9 · Answer 2 · answered Sep 15 '18 at 20:40

9

@angular/core and @angular/animations should be same version.
Especially look for "^" symbol in package name in package.json.

It should be

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

and not like

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

answered Sep 15 '18 at 20:40

Arun

836
1
12
19

Best solution. Updating npm, will update all packages and might cause more problems! – Mohammed Dec 02 '18 at 06:43

score 2 · Answer 3 · answered Jul 08 '18 at 20:23

Had the same problem after adding the BrowserAnimationsModule. Fixed by putting in the correct order the imports of BrowserAnimationsModule the app.module.ts: imports: [ BrowserModule, AppRoutingModule, **BrowserAnimationsModule**, MatDialogModule, FormsModule, ReactiveFormsModule, HttpClientModule,

score 0 · Answer 4 · edited Jul 13 '18 at 16:51

0

I got the same error while developing in Angular 6.0, but it works for me in npm Version 6.0.3. So, delete node_module in your project, install the latest version of npm latest, and try again.

edited Jul 13 '18 at 16:51

divibisan

11,659
11
40
58

answered Jul 13 '18 at 13:46

misha ivanov

11
1

Angular NoopAnimationsModule Type Error matches Element is not a function

4 Answers4

Linked