Getting Error - "Unhandled Promise rejection: Cannot create property '__creationTrace__' on string"

[p4pramod]

I followed the steps in the readme and opened the folder in visual studio code but while loading the page I can see an error and page is not working.

zone.js?fad3:655 Unhandled Promise rejection: Cannot create property 'creationTrace' on string 'zone_symboloptimizedZoneEventTask' ; Zone: ; Task: Promise.then ; Value: TypeError: Cannot create property 'creationTrace' on string 'zone_symboloptimizedZoneEventTask' at Object.onScheduleTask (eval at 466 (polyfills.js:1405), :115:38) at ZoneDelegate.scheduleTask (eval at 467 (polyfills.js:1412), :404:51) at Object.onScheduleTask (eval at 467 (polyfills.js:1412), :300:29) at ZoneDelegate.scheduleTask (eval at 467 (polyfills.js:1412), :404:51) at Zone.scheduleTask (eval at 467 (polyfills.js:1412), :235:43) at Zone.scheduleEventTask (eval at 467 (polyfills.js:1412), :261:25) at eval (eval at 467 (polyfills.js:1412), :1561:29) at BrowserPlatformLocation.onPopState (eval at (vendor.js:125), :1970:60) at PathLocationStrategy.onPopState (eval at (vendor.js:195), :656:32) at new Location (eval at (vendor.js:195), :318:32) at AppModuleInjector.createInternal (module.ngfactory.js? [sm]:1) at AppModuleInjector.NgModuleInjector.create (eval at (vendor.js:73), :3764:76) at NgModuleFactory.create (eval at (vendor.js:73), :3737:18) at eval (eval at (vendor.js:73), :4975:61) at ZoneDelegate.invoke (eval at 467 (polyfills.js:1412), :391:26) at Object.onInvoke (eval at (vendor.js:73), :4352:37) at ZoneDelegate.invoke (eval at 467 (polyfills.js:1412), :390:32) at Zone.run (eval at 467 (polyfills.js:1412), :141:43) at NgZone.run (eval at (vendor.js:73), :4221:62) at PlatformRef_._bootstrapModuleFactoryWithZone (eval at (vendor.js:73), :4973:23) at eval (eval at (vendor.js:73), :5015:59) at ZoneDelegate.invoke (eval at 467 (polyfills.js:1412), :391:26) at Zone.run (eval at 467 (polyfills.js:1412), :141:43) at eval (eval at 467 (polyfills.js:1412), :832:57) at ZoneDelegate.invokeTask (eval at 467 (polyfills.js:1412), :424:31) at Zone.runTask (eval at 467 (polyfills.js:1412), :191:47) at drainMicroTaskQueue (eval at 467 (polyfills.js:1412), :596:35) at ZoneTask.invokeTask [as invoke] (eval at 467 (polyfills.js:1412), :503:21) at invokeTask (eval at 467 (polyfills.js:1412), :1349:10) at HTMLDocument.globalZoneAwareCallback (eval at 467 (polyfills.js:1412), :1358:13) TypeError: Cannot create property 'creationTrace' on string '__zone_symbol_optimizedZoneEventTask' at Object.onScheduleTask (eval at 466 (http://localhost:9090/js/polyfills.js:1405:1), :115:38) at ZoneDelegate.scheduleTask (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :404:51) at Object.onScheduleTask (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :300:29) at ZoneDelegate.scheduleTask (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :404:51) at Zone.scheduleTask (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :235:43) at Zone.scheduleEventTask (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :261:25) at eval (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :1561:29) at BrowserPlatformLocation.onPopState (eval at (http://localhost:9090/js/vendor.js:125:1), :1970:60) at PathLocationStrategy.onPopState (eval at (http://localhost:9090/js/vendor.js:195:1), :656:32) at new Location (eval at (http://localhost:9090/js/vendor.js:195:1), :318:32) at AppModuleInjector.createInternal (ng:///AppModule/module.ngfactory.js:203:23) at AppModuleInjector.NgModuleInjector.create (eval at (http://localhost:9090/js/vendor.js:73:1), :3764:76) at NgModuleFactory.create (eval at (http://localhost:9090/js/vendor.js:73:1), :3737:18) at eval (eval at (http://localhost:9090/js/vendor.js:73:1), :4975:61) at ZoneDelegate.invoke (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :391:26) at Object.onInvoke (eval at (http://localhost:9090/js/vendor.js:73:1), :4352:37) at ZoneDelegate.invoke (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :390:32) at Zone.run (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :141:43) at NgZone.run (eval at (http://localhost:9090/js/vendor.js:73:1), :4221:62) at PlatformRef._bootstrapModuleFactoryWithZone (eval at (http://localhost:9090/js/vendor.js:73:1), :4973:23) at eval (eval at (http://localhost:9090/js/vendor.js:73:1), :5015:59) at ZoneDelegate.invoke (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :391:26) at Zone.run (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :141:43) at eval (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :832:57) at ZoneDelegate.invokeTask (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :424:31) at Zone.runTask (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :191:47) at drainMicroTaskQueue (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :596:35) at ZoneTask.invokeTask [as invoke] (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :503:21) at invokeTask (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1), :1349:10) at HTMLDocument.globalZoneAwareCallback (eval at 467 (http://localhost:9090/js/polyfills.js:1412:1),

[bndynet]

Same problem.

[p4pramod]

import { Component } from '@angular/core' @Component({ selector: 'wel', template: `{{name}} Welcome component

<span (click)="clicked()">

` }) export class WelcomeComponent { public name: string; constructor() { this.name = 'Test'; } public clicked(event: any): void { this.name = 'Pramod'; } } As soon as I add Event Binding it is failing other wise it works.

[Foxandxss]

The error comes from zone.js https://github.com/angular/zone.js/issues/832

[Foxandxss]

That is normal, that will install the broken version.

[p4pramod]

after changing to in package,json "zone.js": "0.8.5" it started working.