Javascript error in Typescript generated JS in IE11

Question

I am getting following error from a simple module/class in typescript when I load page in IE11. The error does not happen in other browsers like Edge and Chrome.

JavaScript critical error at line 4, column 5 in clock.js SCRIPT1002: Syntax error

Here is TS code.

module DateTime {
    export class TestMe {
        private timeNow:Date;
        constructor() {
            alert("Hello");
        }
    }
}

And here is JS code generated from it.

var DateTime;
(function (DateTime) {
    class TestMe {
        constructor() {
            alert("Hello");
        }
    }
    DateTime.TestMe = TestMe;
})(DateTime || (DateTime = {}));

This is how this is getting invoked on page.

<script type="text/javascript">
            $(document)
                .ready(function() {
                        var testIt = new DateTime.TestMe();
                    }
                );
    </script>

From the debugger I can see that it is not liking "class" keyword in JS code. Page does not even get to create instance of "TestMe" because syntax error in clock.js does not let that file load. Is there anything that I need to include for it to work in IE11? I have tried to incluse es6 shim as well but same issue.

Thanks for any input on this issue.

please show your command line

Daniel A. White
– Daniel A. White

2016-04-19 16:14:56 +00:00
Commented Apr 19, 2016 at 16:14 — Daniel A. White
– Daniel A. White, Commented Apr 19, 2016 at 16:14

ssube · Accepted Answer · 2016-04-19 16:15:57Z

19

IE 11 does not support the class keyword and language features, according to the compatibility table.

You can force the Typescript compiler to output code that will be compatible with an older version of JavaScript using the --target option or equivalent in your build. Otherwise, you'll need to run the TS output through another transpiler (such as Babel) to produce ES5 that will run under IE.

answered Apr 19, 2016 at 16:15

ssube

48.4k10 gold badges107 silver badges144 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tuvia Over a year ago

Haha same time ;-)

Tuvia · Accepted Answer · 2016-04-19 16:16:35Z

8

Your compiler still seems to be compiling to es6 code which IE11 does not support

Try changing your compiler options to compile down to es5.

answered Apr 19, 2016 at 16:16

Tuvia

8694 silver badges15 bronze badges

1 Comment

ByteBlocks Over a year ago

That was it. I had changed the compiler settings to ES6 at some point.

Collectives™ on Stack Overflow

Javascript error in Typescript generated JS in IE11

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related