debugging - TypeScript 和 Visual Studio 2015 断点 - 没有为该文档加载任何符号

Question

我无法在 visual studio 中获取断点来处理我的 TypeScript 文件。

当我在 Debug模式下运行时，断点被禁用并且将鼠标悬停在它上面时我看到错误消息:

The breakpoint will not currently be hit. No symbols have been loaded for this document

我用 Google 搜索了这个问题，我知道其他几个具有类似症状的 SO 问题，但我的问题与我发现的两个问题都不重复:

• this有人建议将 .csproj 文件中的一行移动到其他位置:我自己的 .csproj 文件中没有类似的行。我尝试添加它，但行为没有区别
• this (以及 SO、GitHub 和其他地方的许多其他人)表明问题在于未生成源 map 。我在项目属性中设置了这个选项，肯定会生成源映射，因为如果我在 Chrome 中调试，我可以在那里看到它们，所以这也是一个死胡同。

我在构建输出中也看不到任何不妥之处。

如何让 TypeScript 断点在 Visual Studio 中工作？

版本信息:

• VS2015 更新 2
• Microsoft Visual Studio 版本 1.8.29.0 的 Typescript
• 尝试过各种浏览器，包括 IE11
• 使用 .Net Framework 4.5.2 的 ASP.NET Web 应用程序

我的选项 > 调试 > 符号设置:

Answer 1

首先要做的是确保 TypeScript 构建正在生成源映射。此设置位于项目属性 TypeScriptBuild 设置下(见下文):

接下来，一定要选择支持的浏览器，以便在启动时调试脚本。 我知道唯一受支持的是 Internet Explorer 和 Edge - 有警告。

• Internet Explorer:调试器会在启动时自动附加到它，但首先您必须在 IE 的高级设置中启用脚本调试。工具 >> Internet 选项 >> 高级 >> 取消选中“禁用脚本调试 (Internet Explorer)”复选框
• Edge:调试器不会在启动时自动附加到它，但您可以在它启动后手动附加到它(选择脚本引擎)。如果在加载页面期间执行代码中的断点，则需要刷新网页以触发断点。

通过检查浏览器进程的进程窗口 (ctl-alt + z) 和脚本位于“调试”列下的，验证调试器实际上已连接到 Web 浏览器。

如果在验证调试器已附加到 Web 浏览器后，断点仍未绑定(bind)到您的 .ts 文件中，请打开 TypeScript 编译器生成的 .js 文件并在那里设置断点。

另一种选择是为您选择的浏览器使用内置的浏览器调试器。参见 this详情页面。