告訴Chrome調試js而不是ts

默認情況下（並且希望這不是唯一的選擇），當我有一個ts文件時，Chrome只允許我調試ts代碼。即，它向我展示了ts和js文件的內容，但是當我嘗試在js文件中放置一個斷點時，它立即將我轉移到ts文件並在正確的位置找到斷點。告訴Chrome調試js而不是ts

我該如何告訴Chrome調試js文件而不是ts？

2016-07-06 Alon

也許你可以刪除源代碼？我asume那些自動生成，所以嘗試將它們從tsconfig.json – toskv

@toskv我不使用tsconfig。你知道如何使用命令行選項嗎？ – Alon

您可以嘗試在Chrome開發人員設置中禁用JS源地圖。打開開發者工具，然後打開它的設置。你應該看到一個「啓用JavaScript源地圖」選項。嘗試禁用此功能。 –

由於您無法控制TS編譯設置，因此可以在Chrome中一起禁用JavaScript源映射。加載開發人員工具（Chrome菜單>更多工具>開發人員工具），然後加載開發人員工具設置（開發人員工具菜單>設置），找到「啓用JavaScript源地圖」的設置並將其禁用。

2016-07-06 22:11:49

如果您處於開發模式，您應該在TypeScript和傳輸的JavaScript之間有源映射。對於調試，您可以在DevTools的TypeScript代碼中放置斷點，因爲這是您編寫的代碼。調試您編寫的代碼是有意義的。

如果您只想調試JavaScript，請在部署模式下運行應用程序（無源映射），然後在生成的JavaScript代碼上設置斷點。

2016-07-06 12:17:48

如何在部署模式下運行應用程序？我沒有tsconfig文件。我使用命令行選項。 – Alon

@Alon我不知道你的設置。我還沒有使用TypeScript，但是[Webpack]（https://webpack.github.io/）或類似的可以處理開發者版本和發佈版本。你可以爲每個配置文件。 –

好的，謝謝。我投了票。 – Alon

回答