Primeng: Angular 4 with PrimeNG throwing TypeError: this.engine.setProperty is not a function at AnimationRenderer.setProperty

[p4pramod]

Why I am getting following error ..

ERROR TypeError: this.engine.setProperty is not a function
at AnimationRenderer.setProperty (eval at (http://localhost:8080/js/app.js:323:1), :521:25)
at DebugRenderer2.setProperty (eval at (http://localhost:8080/js/vendor.js:13:1), :13933:23)
at setElementProperty (eval at (http://localhost:8080/js/vendor.js:13:1), :9587:19)
at checkAndUpdateElementValue (eval at (http://localhost:8080/js/vendor.js:13:1), :9506:13)
at checkAndUpdateElementInline (eval at (http://localhost:8080/js/vendor.js:13:1), :9440:24)
at checkAndUpdateNodeInline (eval at (http://localhost:8080/js/vendor.js:13:1), :12527:23)
at checkAndUpdateNode (eval at (http://localhost:8080/js/vendor.js:13:1), :12473:16)
at debugCheckAndUpdateNode (eval at (http://localhost:8080/js/vendor.js:13:1), :13334:59)
at debugCheckRenderNodeFn (eval at (http://localhost:8080/js/vendor.js:13:1), :13313:13)
at Object.eval [as updateRenderer] (ng:///CalendarModule/Calendar.ngfactory.js:585:5)
at Object.debugUpdateRenderer [as updateRenderer] (eval at (http://localhost:8080/js/vendor.js:13:1), :13298:21)
at checkAndUpdateView (eval at (http://localhost:8080/js/vendor.js:13:1), :12445:14)
at callViewAction (eval at (http://localhost:8080/js/vendor.js:13:1), :12805:21)
at execComponentViewsAction (eval at (http://localhost:8080/js/vendor.js:13:1), :12737:13)
at checkAndUpdateView (eval at (http://localhost:8080/js/vendor.js:13:1), :12446:5)
at callViewAction (eval at (http://localhost:8080/js/vendor.js:13:1), :12805:21)
at execComponentViewsAction (eval at (http://localhost:8080/js/vendor.js:13:1), :12737:13)
at checkAndUpdateView (eval at (http://localhost:8080/js/vendor.js:13:1), :12446:5)
at callViewAction (eval at (http://localhost:8080/js/vendor.js:13:1), :12805:21)
at execEmbeddedViewsAction (eval at (http://localhost:8080/js/vendor.js:13:1), :12763:17)
at checkAndUpdateView (eval at (http://localhost:8080/js/vendor.js:13:1), :12441:5)
at callViewAction (eval at (http://localhost:8080/js/vendor.js:13:1), :12805:21)
at execComponentViewsAction (eval at (http://localhost:8080/js/vendor.js:13:1), :12737:13)
at checkAndUpdateView (eval at (http://localhost:8080/js/vendor.js:13:1), :12446:5)
at callWithDebugContext (eval at (http://localhost:8080/js/vendor.js:13:1), :13660:42)
at Object.debugCheckAndUpdateView [as checkAndUpdateView] (eval at (http://localhost:8080/js/vendor.js:13:1), :13200:12)
at ViewRef_.detectChanges (eval at (http://localhost:8080/js/vendor.js:13:1), :10371:18)
at eval (eval at (http://localhost:8080/js/vendor.js:13:1), :5009:63)
at Array.forEach (native)
at ApplicationRef_.tick (eval at (http://localhost:8080/js/vendor.js:13:1), :5009:25)
at eval (eval at (http://localhost:8080/js/vendor.js:13:1), :4887:106)
at ZoneDelegate.invoke (eval at 572 (http://localhost:8080/js/polyfills.js:1412:1), :391:26)
at Object.onInvoke (eval at (http://localhost:8080/js/vendor.js:13:1), :4094:33)
at ZoneDelegate.invoke (eval at 572 (http://localhost:8080/js/polyfills.js:1412:1), :390:32)
at Zone.run (eval at 572 (http://localhost:8080/js/polyfills.js:1412:1), :141:43)
at NgZone.run (eval at (http://localhost:8080/js/vendor.js:13:1), :4025:69)
at Object.next (eval at (http://localhost:8080/js/vendor.js:13:1), :4887:82)
at SafeSubscriber.schedulerFn [as _next] (eval at (http://localhost:8080/js/vendor.js:13:1), :3839:52)
at SafeSubscriber.__tryOrUnsub (eval at (http://localhost:8080/js/vendor.js:27:1), :238:16)
at SafeSubscriber.next (eval at (http://localhost:8080/js/vendor.js:27:1), :185:22)
at Subscriber._next (eval at (http://localhost:8080/js/vendor.js:27:1), :125:26)
at Subscriber.next (eval at (http://localhost:8080/js/vendor.js:27:1), :89:18)
at EventEmitter.Subject.next (eval at (http://localhost:8080/js/vendor.js:54:1), :55:25)
at EventEmitter.emit (eval at (http://localhost:8080/js/vendor.js:13:1), :3825:76)
at checkStable (eval at (http://localhost:8080/js/vendor.js:13:1), :4059:35)
at Object.onHasTask (eval at (http://localhost:8080/js/vendor.js:13:1), :4107:21)
at ZoneDelegate.hasTask (eval at 572 (http://localhost:8080/js/polyfills.js:1412:1), :444:37)
at ZoneDelegate._updateTaskCount (eval at 572 (http://localhost:8080/js/polyfills.js:1412:1), :464:22)
at Zone._updateTaskCount (eval at 572 (http://localhost:8080/js/polyfills.js:1412:1), :288:34)
at Zone.runTask (eval at 572 (http://localhost:8080/js/polyfills.js:1412:1), :208:30)

at drainMicroTaskQueue (eval at 572 (http://localhost:8080/js/polyfills.js:1412:1), :595:35)

Package Dependencies
"@angular/animations": "^4.3.1",
"@angular/common": "~4.2.6",
"@angular/compiler": "~4.2.6",
"@angular/core": "~4.2.6",
"@angular/forms": "~4.2.6",
"@angular/http": "~4.2.6",
"@angular/platform-browser": "~4.2.6",
"@angular/platform-browser-dynamic": "~4.2.6",
"@angular/router": "~4.2.6",
"bootstrap": "^4.0.0-alpha.6",
"core-js": "^2.4.1",
"font-awesome": "^4.7.0",
"primeng": "^4.1.1",
"reflect-metadata": "^0.1.3",
"rxjs": "^5.0.1",
"tslib": "^1.7.1",
"zone.js": "^0.8.10"

[Mrtcndkn]

Make sure that you added, "@angular/animations": "^4.3.0" to your package.json dev dependencies. If it doesn't solve your problem. What are the steps for reproducing this problem? @p4pramod

[PiSurQuatre]

I have the exact same error. Did you find a solution ?

Adding "": "^4.3.0" to the package.json dev dependencies didnt work.

[Bhavanibhatta]

update dependencies,
run: npm outdated
and then,
run: npm update

[cagataycivici]

Glad to hear issue is resolved.