typescript function parameter type unexpected token :

Question

Just following the simplest Typescript tutorial and when it comes to typing a function parameter I'm failing.

function greeter(person: string) {
    return "Hello " + person;
}

var user = "Jack";

document.body.innerHTML = greeter(user);

But when I load the page I'm getting "Unexpected token :" - the browser is trying to parse Javascript? I get that Tyescript will compile down to JS, but I'm missing something here.

I'm using Visual Studio 2013, with jQuery.d.ts to type it.

The .ts is going through TypeScriptCompile for its build action.

Body for the .aspx looks like this:

<div>
    <script src="Scripts/Main.ts"></script>
</div>

In general .ts files are compiled to .js files. Don't run just the .ts — devshorts
– devshorts, Commented Dec 2, 2013 at 16:07
you need a return type on your function also. since it is returning a string, you need: function greeter(person: string):string { return "Hello " + person; } — alfonsob
– alfonsob, Commented Dec 2, 2013 at 16:15
Return type annotations are optional; the return type of the function will be inferred from the return statement. — Ryan Cavanaugh
– Ryan Cavanaugh, Commented Dec 2, 2013 at 18:17

SWeko · Accepted Answer · 2013-12-02 16:19:31Z

4

You are trying to include the .ts file directly, and the browser does not understand that. In this case, it balks on the first type definition it encounters, i.e. the semicolon in

function greeter(person: string) {

What you need to do is compile the Scripts/Main.ts file to a Scripts/Main.js file (VS2013 should do this automatically for you), and then include that in the .aspx source code.

To verify this, there should be a + sign next to the Main.ts file in the solution explorer, and the Main.js file should be under that.

answered Dec 2, 2013 at 16:19

SWeko

30.9k11 gold badges74 silver badges107 bronze badges

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

2 Comments

Jack0x539 Over a year ago

Thanks man. I can't see a + to let me expand my .ts, in fact there's no .js in the solution explorer at all, but it does get compiled and is in the file system so including it worked. I'd upvote if I had the rep ;)

Kristopher Over a year ago

@Jack0x539 - perhaps you could turn on the hidden files for your project? You should see the .JS file then...it's just not included in the project.

basarat · Accepted Answer · 2013-12-02 23:02:46Z

0

You need to reference the JS file not the TS file:

<div>
    <script src="Scripts/Main.js"></script>
</div>

edited Dec 2, 2013 at 23:02

answered Dec 2, 2013 at 22:25

basarat

278k61 gold badges475 silver badges528 bronze badges

Collectives™ on Stack Overflow

typescript function parameter type unexpected token :

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related