Zone.assertZonePatched is not a function

Question

I am getting the error message:

Unhandled Promise rejection: Zone.assertZonePatched is not a function

Although I am importing zonejs correctly in index.html:

  <script src="https://unpkg.com/[email protected]/dist/zone.js"></script>

Here is the code:

Plnkr: http://plnkr.co/edit/zZYOcgxcRINx23JhuxOk?p=preview

What is wrong here?

Where and how can I find error in your plunker? Its working ! — micronyks, Sep 13 '16 at 16:20
It should be stuck showing the message: "loading...". If I open up my dev tools in chrome I see the above described issue. — Gambo, Sep 13 '16 at 16:23
both, I see the error in the linked plunker from this post and in my own real app — J King, Sep 13 '16 at 16:25
@JKing Would you share plunker with RC7? check my answer below as well. — micronyks, Sep 13 '16 at 16:26

micronyks · Accepted Answer · 2016-09-17T16:06:16.127

30

RC7

Update zone.js pakage by [email protected]

<script src="https://unpkg.com/[email protected]/dist/zone.js"></script>

Angular2.0 release

Update zone.js package by [email protected],

<script src="https://unpkg.com/[email protected]?main=browser"></script>

edited Sep 17 '16 at 16:06

answered Sep 13 '16 at 16:26

micronyks

54,797
15
112
146

1

you are right. I had updated my packages.json file but I forgot to run my gulp task that copies the new version into my src directory. Once I did that it all works again. – J King Sep 13 '16 at 16:28
1

here is the change log that outlines the TWO peer dependency changes: https://github.com/angular/angular/blob/master/CHANGELOG.md core: [email protected] core: [email protected] – J King Sep 13 '16 at 16:30
confirmed, this was updated in the official tutorial plunker as well: https://angular.io/resources/live-examples/toh-5/ts/plnkr.html – Brian Vander Plaats Sep 14 '16 at 13:57
@BrianVanderPlaats. your plunker is hard to understand for anyone as it has so many files. why not to use less files version (RC7 plunker)??? Here it is : http://plnkr.co/edit/NrUanszzdQDGzi1tpuuM?p=preview – micronyks Sep 14 '16 at 18:10
@micronyks that plunker was from the Routing Tutorial on the Angular.io site. Thanks for posting a barebones template, looks good. – Brian Vander Plaats Sep 14 '16 at 18:20
Welcome. :) ...Yes that I know. But people should start from basics so just referenced it here in case if anybody is willing to go with RC7. – micronyks Sep 14 '16 at 18:22

score 1 · Answer 2 · answered Sep 27 '16 at 13:36

1

Update package.json file

"zone.js": "0.6.25"

inside dependencies

answered Sep 27 '16 at 13:36

Engineer

300
1
9

score 0 · Answer 3 · answered Jan 27 '17 at 06:38

Also, after updating to 0.6.23, I received the following error:

Unhandled promise rejection Error: Zone.js has detected that ZoneAwarePromise (window|global).Promise has been overwritten.

Most likely cause is that a Promise polyfill has been loaded after Zone.js (Polyfilling Promise api is not necessary when zone.js is loaded. If you must load one, do so before loading zone.js.)

After loading my core-js/client/shim.min.js BEFORE zone.js, my app was working again.

Zone.assertZonePatched is not a function

3 Answers3

Linked