我有在Visual Studio 2015中编写的打字稿,我刚添加了2个新的Typescript文件。在构建项目/解决方案时,Typescript文件会编译为.js文件。单击以显示所有文件时,这些.js文件在解决方案资源管理器中可见。
我的问题是,Visual Studio似乎没有“识别”这些.js文件作为其Typescript文件的产品。我所有的旧的Typescript仍然包含它旁边的箭头,你可以点击它来显示它编译的“子”(.js,.min.js等),但我刚刚添加的新的Typescript文件似乎没有.js对应物。这本身很奇怪,但我也怀疑它与我的浏览器有关,因为我调试代码时发现了一个无法找到它正在寻找的.js文件的错误。
这是我所描述的图像。您可以在此处查看ViewNetworkLogController.ts,以及已编译的.js等对应项。您会注意到它们没有形成像VideoManagerController.ts那样的下拉结构。这就是我习惯于.ts文件的行为方式。在调试时,ViewNetworkLogController也没有加载到更明亮的区域。
以下是无功能ViewNetworkingLogController.js文件属性的图片:
这是功能性VideoManagerCOntroller.js属性的图片,请注意视频管理器如何拥有不在视图网络日志中的构建操作字段:
感谢您的帮助!
答案 0 :(得分:1)
您应该停止将您的js文件视为src文件,并将它们视为dist文件,类似于已编译的程序集。你真的不想在你的项目中看到js文件,除非你想看看编译的js是什么样的。甚至为此,打字稿操场非常好(只是忽略参考错误)。
至于调试,你应该生成.map.js文件。这是浏览器将js重新设置为ts的目的。因此可以将断点添加到ts中,并且错误将出现在ts。
中希望这会有所帮助。
答案 1 :(得分:1)
我建议配置outDir以将这些输出文件保存在单独的并行结构中。然后,您可以将项目中的文件包含在下游构建步骤中,如果您愿意,可以在不混淆源代码的情况下使用它们。
我不知道为什么您的浏览器无法找到js文件仅用于调试。