[BUG] IE11 -> Can't execute code from a freed script

[lifaon74]

Context:

• angular 5.0.0-rc3
• zone.js 0.8.18
• IE 11

I tried to update from zone 0.8.4 (current official angular 5 tutorials version) to 0.8.18, and get at some point with IE 11 the following error: Can't execute code from a freed script. This is a really imprecise error, that I didn't manage to find the origin but is due for sure from zone.js.

EDIT: after testing => appear from 0.8.12 (working) to 0.8.13 (no more working on IE 11)

[JiaLiPassion]

@lifaon74 , could you provide a reproduce sample ?
or you can try to add following code in index.html before loading zone.js

<script>
__Zone_enable_cross_context_check = true;
</script>

to see the result.

[lifaon74]

I took the example from https://github.com/mgechev/angular-seed , and updated to angular 5 and zone.js 0.8.18. I added you code and this worked ! Do you have detailed informations of what does this module (https://github.com/angular/zone.js/blob/master/MODULE.md) ? And idea why does it works on chrome but not on IE ?

Thanks to you.

EDIT 1 : the error is in zone.js inside checkIEAndCrossContext at line 2747
EDIT 2 : the bug is sometimes hard to reproduce as it does not append everytime

[JiaLiPassion]

@lifaon74 , glad to help, and __Zone_enable_cross_context_check this flag will enable some additional error check to IE, in IE, sometimes DeveloperTools will also register eventListeners which will cause some weird exceptions.

[ganeshkbhat]

Happening to me in edge also. Using the latest cli 1.5.4

[falcopr]

@lifaon74 While analyzing the migration of AngularJS to Angular 5 we came across the same problem you mentioned here with zone.js 0.8.18 in IE11. Downgrading it to 0.8.12 does not throw the exception anymore. Thank you for mentioning this workaround.

[JiaLiPassion]

@ganeshkbhat, @falcoprescher , could you guys try to add

<script>
__Zone_enable_cross_context_check = true;
</script>

in index.html before loading zone.js?

[falcopr]

@JiaLiPassion Setting this flag works which you suggested on the 20th October 2017.
Is this a fix or a workaround?

[JiaLiPassion]

@falcoprescher , this is a fix and it should be better documented.
in old version, this flag is true by default, but it will have performance impact, so in recent version it has been changed to false, only in IE and some use cases it need to be set to true.

I will add document and better setting method later.

[falcopr]

@JiaLiPassion Thank you for the information. I am also considering disabling this flag in production mode via our webpack configuration.

webpack.config.js

new webpack.DefinePlugin({
    ...
    // Needs to be set for zone.js so it does not throw an exception in IE11 while being in developer tools
    // https://github.com/angular/zone.js/issues/933
    'zoneEnableCrossContextCheck': this.isDevMode ? 'true' : 'false'
}));

app.base.ts

import './app.globals.ts';
import 'zone.js';
...

app.globals.ts

declare let zoneEnableCrossContextCheck: boolean;
(<any>window).__Zone_enable_cross_context_check = zoneEnableCrossContextCheck;

[JiaLiPassion]

@falcoprescher , thank you for the configuration idea!

[fuerst]

How can that be configured in an Angular CLI generated project?

[alexciesielski]

Also having this problem in IE11, how to configure this in angular cli?

[JiaLiPassion]

@fuerst, @ciesielskico, you can just add the following line in polyfill.ts before loading zone.js.

(window as any).__Zone_enable_cross_context_check = true;
import 'zone.js/dist/zone';  // Included with Angular CLI.

[shcallaway]

The code above produces a compiler error for me:

ERROR in src/polyfills.ts(58,1): error TS2304: Cannot find name '__Zone_enable_cross_context_check'.

I feel like I am missing something here...

[JiaLiPassion]

@shcallaway , oh, sorry, please modify it to

(window as any).__Zone_enable_cross_context_check = true;
import 'zone.js/dist/zone';  // Included with Angular CLI.