2016-11-04 84 views
0

我有打字稿我寫在Visual Studio 2015年,我剛剛添加了2個新的打字稿文件。當我構建我的項目/解決方案時,Typescript文件會編譯爲.js文件。當您單擊以顯示所有文件時,這些.js文件在解決方案資源管理器中可見。打字稿不承認在2015年的Javascript

我的問題是,它似乎Visual Studio不「識別」這些.js文件作爲他們的Typescript文件的產品。我所有較舊的Typescript仍然包含它旁邊的箭頭,您可以單擊該箭頭以顯示其編譯的「子項」(.js,.min.js等),但我剛添加的新Typescript文件似乎沒有.js對應項。這本身就很奇怪,但我也懷疑它與我的瀏覽器拋出一個錯誤,即在調試我的代碼時無法找到它正在查找的.js文件有關。

這是我描述的圖像。你可以在這裏看到ViewNetworkLogController.ts,它是.js等被編譯的對應物。你會注意到它們不像VideoManagerController.ts那樣形成一個下拉結構。這是我習慣使用.ts文件的行爲。 ViewNetworkLogController在調試時也不會加載到broser中。

enter image description here

這裏是不起作用ViewNetworkingLogController.js文件的屬性的圖片:

enter image description here

這裏是功能VideoManagerCOntroller.js的性質的照片,通知視頻管理器的視頻管理器如何擁有不在視圖網絡日誌中的構建操作字段:

感謝您的幫助!

回答

1

您應該停止將您的js文件視爲src文件,並將它們視爲dist文件,與編譯的程序集類似。除非你想看看編譯後的js是什麼樣子,否則你真的不想在你的項目中看到js文件。即使如此,打字遊戲也很不錯(只是忽略了參考錯誤)。

至於調試,你應該生成.map.js文件。這是瀏覽器將尋找js回到ts的原因。所以斷點可以添加到ts中,並且錯誤將出現在ts中。

希望有助於一些。

+0

我不介意在我的解決方案中看不到js文件。問題是,在調試時,我的解決方案中沒有看到.js文件沒有加載.js文件,所以我認爲可能存在相關性。 – ThePartyTurtle

+0

我更新了一張圖片,顯示了我看到的工作中的.ts文件和表現有趣的.ts文件的視覺效果。 – ThePartyTurtle

1

我建議配置一個outDir以使這些輸出文件保持獨立的並行結構。然後,您可以將文件包含在您的項目中,並以某種方式在下游構建步驟中使用它們,而無需混淆源代碼。

我不知道爲什麼你的瀏覽器無法找到js文件只能用於調試