Object doesn't support property or method 'keys' - (IE11)

Question

I can't figure out what is the problem in IE11.
App works well without any issue in other browsers like chrome, firefox etc.

Probably some of https://github.com/angular/angular/search?q=IE11&state=open&type=Issues&utf8=%E2%9C%93 — Günter Zöchbauer, Feb 16 '16 at 10:23
In which file should I include these scripts? in index.html? — Kushan Randima, Feb 06 '19 at 00:35

score 18 · Accepted Answer · edited Feb 16 '17 at 15:14

18

You need to include es6-shim because IE 11 doesn't support Map.prototype.keys

https://github.com/paulmillr/es6-shim

Or you can import directly from cdn:

<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.4.1/es5-shim.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.34.1/es6-shim.js"></script>

Check this related issues:

edited Feb 16 '17 at 15:14

Ruan Mendes

90,375
31
153
217

answered Feb 16 '16 at 10:39

Joel Almeida

7,939
5
25
51

This solution fixed this error. But raised new error `The use of a keyword for an identifier is invalid` which still seems open issue @ https://github.com/angular/angular/issues/6501 – micronyks Feb 16 '16 at 10:55
in the linked issue, there is a suggested script as a work-around: https://github.com/angular/angular/blob/master/modules/angular2/src/testing/shims_for_IE.js – Michael Kang Feb 16 '16 at 14:26

score 1 · Answer 2 · answered Feb 16 '16 at 14:37

"The use of a keyword for an identifier in invalid" on IE 11 is still an issue for Angular2 beta 6:

http://github.com/angular/angular/issues/6501

In the thread, there is a work-around that seems to work:

// function.name (all IE)
/*! @source http://stackoverflow.com/questions/6903762/function-name-not-supported-in-ie*/
if (!Object.hasOwnProperty('name')) {
  Object.defineProperty(Function.prototype, 'name', {
    get: function() {
      var matches = this.toString().match(/^\s*function\s*(\S[^\(]*)\s*\(/);
      var name = matches && matches.length > 1 ? matches[1] : "";
      // For better performance only parse once, and then cache the
      // result through a new accessor for repeated access.
      Object.defineProperty(this, 'name', {value: name});
      return name;
    }
  });
}

did you check out the plnkr link? – Michael Kang Feb 25 '16 at 12:10 — Michael Kang, Feb 25 '16 at 12:10

score 0 · Answer 3 · edited May 23 '17 at 12:17

0

I came across the same error when using webpack and 2.0.0.rc1.

If anyone have the same problem, here is how I made it work.

Basically I included on index.html the scripts

es6-shim.min.js
system-polyfills.js
shims_for_IE.js

when the browser is IE or Safari.

edited May 23 '17 at 12:17

Community

1
1

answered Dec 08 '16 at 15:11

SebaGra

2,801
2
33
43

Object doesn't support property or method 'keys' - (IE11)

3 Answers3