使用IntelliJ和Chrome調試打字稿

Question

有沒有辦法在（編譯的）Javascript中找到導致錯誤的Typescript文件中的對應行？

我正在使用IntelliJ和Google Chrome。

Answer 1

您需要使用源地圖支持進行編譯。將創建一個.js.map文件，該文件將JavaScript文件與TypeScript源相匹配。 Chrome（以及其他所有瀏覽器）將能夠在調試時使用它顯示.ts文件。

對於命令行編譯器，您可以添加--sourceMap選項（docs）以啓用該選項。

---

要配置內置的編譯器，遵循jetbrains.com文件的說明：

手動選擇設置選項配置手動編譯：

選擇生成源的地圖複選框可生成源代碼映射，用於設置TypeScript代碼中和生成的JavaScript代碼中的行之間的對應關係，否則您的斷點s將不會被正確識別和處理。