typescript 函数参数类型意外标记 :

Question

只是遵循最简单的 Typescript 教程，当涉及到输入函数参数时，我失败了。

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

var user = "Jack";

document.body.innerHTML = greeter(user);

但是当我加载页面时，我收到“意外标记:”- 浏览器正在尝试解析 Javascript？我知道 Tyescript 会编译成 JS，但我在这里遗漏了一些东西。

我正在使用 Visual Studio 2013，使用 jQuery.d.ts 来输入。

.ts 正在通过 TypeScriptCompile 进行构建操作。

.aspx 的正文如下所示:

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

Answer 1

您正在尝试直接包含 .ts 文件，而浏览器不理解这一点。在这种情况下，它会拒绝遇到的第一个类型定义，即

中的分号

函数 greeter(person: string) {

您需要做的是将 Scripts/Main.ts 文件编译为 Scripts/Main.js 文件(VS2013 会自动为您完成此操作)，并且然后将其包含在 .aspx 源代码中。

为了验证这一点，解决方案资源管理器中的 Main.ts 文件旁边应该有一个 + 符号，而 Main.js 文件应该在那下面。