angular - 我可以在 IE 11 中调试 Typescript 服务文件吗？

Question

我有一个包含 Typescript 服务的 Angular（不是 AngularJS）应用程序（使用 VS Code 开发）。当应用程序在 Chrome 中运行时，我能够很好地跟踪和调试此服务；但我也需要在 Internet Explorer 11 中支持它，我在这方面遇到了困难。到目前为止我已经确定的事情：

• 默认情况下，我的 Typescript 文件不会显示在 IE 调试器中
• 经过一番研究，我了解了源映射文件的基本概念。我在编译器选项中添加了 ("sourceMap": true) 参数；我被引导相信这会自动为我的项目生成源映射文件，但事实并非如此。
• 我可以通过运行命令“tsc --sourceMap (myServiceFileName)”为我的服务 Typescript 文件生成源映射文件，但 IE 调试器仍然无法接收到该文件。
• 在 IE 中，我可以在调试器中右键单击并使用“选择源映射”来查找我的文件，但它不允许我设置断点。
• 我已验证我没有禁用脚本调试（Internet 选项 - 高级 - 未选中“禁用脚本调试（Internet Explorer）”）

我查看了这些其他 StackOverflow 问题，但那里的解决方案并没有为我解决问题：

IE 开发人员工具断点不起作用

在 IE 中调试 angular 2 typescript 应用程序

无法在 IE 11 调试器中找到我的 *.ts 文件

谁能提供关于为什么我不能让它工作的见解？希望我只是错过了一些愚蠢的东西；或者我正在尝试做一些 IE 根本不支持的事情？

标签： angulartypescriptinternet-explorer-11

Answer 1

请检查以下步骤：

1. 打开F12 开发者工具，选择“调试器”选项卡，点击“打开文档（Ctrl + O） ”选项，滚动滑块找到 TypeScript 文件。请参阅以下屏幕截图：

2. 单击 TypeScript 文件，然后插入断点。

[]