Debugging 使用Typescript调试Ionic 2应用程序-VS 2015调试器和Safari Mac浏览器看不到源映射文件

我认为下面的图片1将最好地解释我所面临的问题

我使用以下命令在Windows 10 PC上创建了Ionic2应用程序： ionic start-一个“myapp”-i com.mycop.myapp--v2侧菜单

然后我在Visual Studio 2015中导入了它，并安装了TACO。 我添加了ios平台，并将iPad2Air连接到连接到wifi的mac上。 在tsconfig.json中，我添加了“sourceMap”：true以启用.ts调试

图1：

我不确定使用VS 2015时如何查看网络流量（我无法确定任何显示它的选项卡），因此在第二张图片中，您可以看到Safari web inspector页面的结果，该页面显示加载的.html、.css和.js文件

我相信我应该看到一些扩展名为.js.map的文件，这些文件是我之前的体验中Chrome浏览器用来启用.ts调试的。 这是我的问题。如何让它出现？在第一张图片中，您可以看到main.js.map是构建的，但是

图2显示了已部署并正在运行的我的应用程序中IPad Index.html的Web Inspector视图。网络选项卡已打开。您可以看到没有提供main.js.map。

图3显示了Web Inspector的“资源”选项卡。您可以看到在main.js下有page2.ts（我想如果以某种方式提供了main.js.map，就可以连接到它了）。

最后，图4显示了解压后的Ipa有效负载内容，显示了main.js.map的存在。因此它已部署，但VS 2015如何在调试模式下看到它。 另外，Safari显然无法进入page2.ts，因为它也无法获取main.js.map文件

如果您发现问题，请告诉我，并解释VS 2015、Chrome和Safari浏览器等调试引擎是如何加载.map文件的

谢谢，

---

Rad

此文档共享了有关如何在Chrome中生成源映射和调试TypeScript:的信息，但似乎源映射在Safari中默认启用。我在tsconfig.json中有这些设置。“模块”：“es2015”，“模块解决方案”：“节点”，“目标”：“es5”这是侧菜单模板创建的。我尝试添加“inlineSourceMap”：true，“inlineSources”：true，但这是*.ts文件中的内联源代码映射。我注意到一件事。main.js.map中只有一个.ts文件（/src/pages/page2/page2.ts）。但是其他*.ts文件在哪里：page1.ts、app.component.ts、app.module.ts？你能在这里共享一个示例Ionic2应用程序吗？我将尝试在我的身边调试它，以检查这个问题是否与VS本身或VS中的Ionic2应用程序项目模板有关，因为Ionic2仍然是测试版。这是我的Visual Studio 2015 Taco Ionic 2示例项目（实际上只是侧菜单模板中的一个启动项目。