我认为下面的图片 1 将最好地解释我面临的问题
我使用以下命令在我的 Windows 10 PC 上创建了 Ionic2 应用程序: ionic start -a "myapp" -i com.mycomp.myapp --v2 sidemenu
然后我将它导入到安装了 TACO 的 Visual Studio 2015 中。我添加了 ios 平台并将我的 iPad 2 air 连接到连接到 wifi 的 mac。在 tsconfig.json 我添加了 "sourceMap": true 以启用 .ts 调试。
我不确定在使用 VS 2015 时如何查看网络流量(我无法对显示它的任何选项卡进行微调),因此在第二张图片中,您可以看到 Safari 网络检查器页面的结果,该页面显示已加载的 .html、.css 和 .js 文件.
我相信我应该看到一些带有 .js.map 扩展名的文件,这些文件来自我之前的体验 Chrome 浏览器用于启用 .ts 调试。这是我的问题吗。如何让它出现?在第一张图片中,您可以看到 main.js.map 已构建,但是
图 2 显示了我的应用程序部署和运行中的 IPad Index.html 的 Web Inspector 视图。网络选项卡打开。您可以看到没有提供 main.js.map。
图 3 显示了 Web Inspecto,资源选项卡。您可以看到在 main.js 下有 page2.ts(我想如果它以某种方式提供服务,就可以连接到 main.js.map。
最后,图 4 显示了解压缩的 Ipa Payload 内容,显示了 main.js.map 的存在。所以它已部署但VS 2015如何在调试模式下看到它。同样 Safari 显然无法进入 page2.ts,因为它也无法获取 main.js.map 文件
如果您发现有问题,请告诉我并解释 .map 文件是如何由 VS 2015 以及 Chrome 和 Safari 浏览器等调试引擎加载的?
谢谢,拉德