如何在 Visual Studio 中打破 TypeScript UWP 应用程序？

Question

最小复制（在 VS 15 Preview 2 中）：

1. 使用“JavaScript -> Windows -> Universal -> Blank App (Universal Windows)”模板创建一个新项目。
2. 将main.js 重命名为main.ts。
3. 将tsconfig.json 文件添加到您的项目中（请参阅here 了解原因）。
4. 在main.ts中输入以下代码：
   declare var foo: any; foo();
5. 转到“调试 -> Windows -> 异常设置”并检查“JavaScript 运行时异常”。
6. 点击绿色的“在本地机器上运行”按钮。

出现错误信息：

无法激活 Windows 应用商店应用 [...]。 wwahost.exe 进程已启动，但激活请求失败并出现错误“Windows 无法与目标应用程序通信。这通常表明目标应用程序的进程已中止。更多信息可在“输出”窗口 (Debug->Window->Output)'的“调试”窗格中找到。

预期行为：IDE 应该在 foo(); 上中断。

Answer 1

VS 2015 Update 3 有一个解决方法（s/o to @minestarks on GitHub）：

我假设您在这里运行的是英语语言环境，否则我认为该解决方法不适用。

关闭 VS。 在管理员命令提示符下：

cd %ProgramFiles(x86)%\msbuild\microsoft\visualstudio\v14.0\typescript
mkdir en
copy *.xaml en
copy TypeScript.Tasks.dll en\TypeScript.Tasks.resources.dll

现在再次打开您的 UWP 项目，TS 文件应该在您构建项目时可见并正在构建。

Answer 2

确保已安装Typescript for VS2015，并尝试使用其他代码。我尝试了以下代码：

function buildName(firstName: string, lastName: string) {
    return firstName + " " + lastName;
}
let result3 = buildName("Bob", "Adams");

确保您的“tsconfig”正确：

{
    "compilerOptions": 
    {
        "module": "commonjs",
        "noImplicitAny": true,
        "removeComments": true,
        "preserveConstEnums": true,
        "sourceMap": true
    },
    "files": [
    "main.ts"
  ]
}

确保您的main.js 和main.js.map 文件生成正确（在解决方案资源管理器中显示所有文件以查看这两个文件）：

main.js：

function buildName(firstName, lastName) {
    return firstName + " " + lastName;
}
var result3 = buildName("Bob", "Adams");
//# sourceMappingURL=main.js.map

main.js.map：

{"version":3,"file":"main.js","sourceRoot":"","sources":["main.ts"],"names":[],"mappings":"AAAC,mBAAmB,SAAiB,EAAE,QAAgB;IACnD,MAAM,CAAC,SAAS,GAAG,GAAG,GAAG,QAAQ,CAAC;AACtC,CAAC;AAED,IAAI,OAAO,GAAG,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC"}

这是我的基本演示项目：TypescriptDemo