打字稿無法識別VS 2015中的Javascript

Question

我有在Visual Studio 2015中編寫的打字稿，我剛剛添加了2個新的打字稿文件。 當我構建項目/解決方案時，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的屬性的圖片，請注意視頻管理器的構建動作字段不在視圖網絡日志中：

謝謝你的幫助！

Answer 1

您應該停止將js文件視為src文件，而將它們視為dist文件，類似於已編譯的程序集。 除非您想查看已編譯的js的外觀，否則您確實不希望在項目中看到js文件。 即便如此，打字稿游樂場還是相當不錯的（只需忽略參考錯誤）。

至於調試，您應該生成.map.js文件。 這就是瀏覽器尋找使js回到ts的東西。 因此可以將斷點添加到ts，並且錯誤將出現在ts中。

希望對您有所幫助。

Answer 2

我建議配置outDir以將這些輸出文件保留在單獨的並行結構中。 然后，您可以將文件包含在項目中，並在不影響源代碼的情況下以某種方式在下游構建步驟中使用它們。

我不知道為什么您的瀏覽器找不到僅用於調試的js文件。