Demo not working in IE11 browser

[karthickthangasamy]

The demo is not working in IE11 and getting the below errors in console.

User Agent string

"Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; Touch; .NET4.0E; .NET4.0C; Tablet PC 2.0; .NET CLR 3.5.30729; .NET CLR 2.0.50727; .NET CLR 3.0.30729; InfoPath.3; rv:11.0) like Gecko"

Console log

DOM7011: The code on this page disabled back and forward caching. For more information, see: http://go.microsoft.com/fwlink/?LinkID=291337
File: localhost:3000
HTML1300: Navigation occurred.
File: localhost:3000
SCRIPT28: Out of stack space
File: localhost:3000, Line: 67, Column: 7
SCRIPT5022: Out of stack space
    Evaluating http://localhost:3000/jspm_packages/npm/babel-core@5.8.35/browser.js
File: system.js, Line: 4, Column: 16928
Error: Object doesn't support property or method 'transform'
    Error loading http://localhost:3000/src/main.js
   {
      [functions]: ,
      __proto__: { },
      description: "undefined",
      message: "Object doesn't support property or method 'transform'
    Error loading http://localhost:3000/src/main.js",
      name: "Error",
      number: NaN,
      stack: "TypeError: Object doesn't support property or method 'transform'
   at o (http://localhost:3000/jspm_packages/system.js:4:14715)
   at Anonymous function (http://localhost:3000/jspm_packages/system.js:4:14191)
   at M (http://localhost:3000/jspm_packages/system-polyfills.js:4:8723)
   at H (http://localhost:3000/jspm_packages/system-polyfills.js:4:8310)
   at R.prototype.when (http://localhost:3000/jspm_packages/system-polyfills.js:4:12042)
   at b.prototype.run (http://localhost:3000/jspm_packages/system-polyfills.js:4:11076)
   at t.prototype._drain (http://localhost:3000/jspm_packages/system-polyfills.js:4:3014)
   at drain (http://localhost:3000/jspm_packages/system-polyfills.js:4:2681)
   at e (http://localhost:3000/jspm_packages/system-polyfills.js:4:4595)"
   }

SCRIPT2343: Stack overflow at line: 67

Tried to implement MutationObserver poly-fill described here, but ended up getting the same console error as above.

[Thanood]

I've had a similar issue with the Materialize bridge and somehow solved it. I don't remember what it was exactly but I will have a look.

[Thanood]

My "action log".. :smile:

A fresh clone led to two jspm forks:

Installed Forks

                              npm:core-js 1.2.6 2.2.1
                               npm:jquery 2.2.3 2.2.4

• changing "aurelia-loader": "npm:aurelia-loader@1.0.0-beta.1.1.0", to "aurelia-loader": "npm:aurelia-loader@^1.0.0-beta.1.1.0",, removing explicit dependency on corejs@1.1.4, removing jspm_packages and doing another jspm install
• jspm resolve --only npm:core-js@2.2.1
• doing a jspm updatein the sample folder gets me a lot of these warnings: warn aurelia-task-queue is installed in the config file, but is not a dependency in the package.json. It is advisable to add it to the package.json file.
• jspm installaurelia-task-queue` in sample

=> Now I'm getting a completely different error. Somewhere a } is missing in line 48 of "some file" (only in IE11 so I don't beleive that message).

Tracked it down to jsondata.js encoding being "strange" with Umlauts. Changed the following line (line 48 btw) of jsondata.js:

{ OrderID: 10260, CustomerID: "OTTIK", EmployeeID: 4, OrderDate: new Date(8377146e5), ShipName: "Ottilies Käseladen", ShipCity: "Köln", ShipAddress: "Mehrheimerstr. 369", ShipRegion: null, ShipPostalCode: "50739", ShipCountry: "Germany", Freight: 55.09, Verified: !0 }

And now it works despite the fact that there are other "broken" encodings. I'll PR my changes soon for you to try out, just have to take another look at it.

[Thanood]

I propose revisiting the sample data file jsondata.js regarding its encoding. I could only fix some lines because these were German city and street names and I'm from Germany. :smile:

[Thanood]

Please see the PR above. This worked for me but unfortunately I cannot say if this fixes it for you. So please try out these changes and tell me if it works.