IE11 Angular 2 error "Expected identifier, string or number"

Question

Well, I have created site using Angular 2. When I run "ng-serve" command and trying to test my site using "http://localhost:4200" in Google Chrome and IE11 it works perfectly, but, if I build project using "ng-build --prod", host it on IIS. Site still works on Chrome, but IE11 shows the following errors:

I googled it and found that it was maybe reserved words in my identifiers key:value pairs. So I added Apostrophes(') arround my keys. For example I had the following object:

user:UserViewModel={
    Username:"",
    Age:0
};
and changed this to:
user:UserViewModel={
    'Username':"",
    'Age':0
};

Also deleted last commas in key:value pairs and imported core.js in polyfills.ts

Solution

The main problem is IE has Compatibility Mode enabled by default. And IE 11 has some compatibility mode issues. As per the followings question answer Angular 2 / 4 not working in IE11

When I tried to disable the compatibility mode off It works fine.

But ingeneral user will not off the compatibility mode. So I want a good solution for that.

Then I found following solution form Force IE compatibility mode off using tags

      <meta http-equiv="X-UA-Compatible" content="IE=edge" />

Comments

[Partha Sarathi Ghosh]

Exactly same problem for me. No solve found any where.

[Günter Zöchbauer]

What's the code at the positions mentioned in the error output?

[Emin Laletovic]

This might help -> stackoverflow.com/questions/12675622/… or stackoverflow.com/questions/15632568/…

[Wagner Danda da Silva Filho]

can you show us your polyfills.ts file?

[Wagner Danda da Silva Filho]

also, what version of the cli are you using?

[secondbreakfast]

bless your soul