IDEA 14 - 調試打字稿

Question

我們在Idea的一個項目中使用了一些打字稿文件，並使用一個ant文件來生成匹配的js和地圖文件。

當通過IDEA（html文件）進行調試時，typescript文件中的斷點不起作用，即使存在，我們也不會在chrome中看到映射文件。

用IDEA調試打字稿的js，ts和map文件的預期結構是什麼？

使用chrome/firefox進行調試很好。

Answer 1

JetBrains有一個名爲Debugging TypeScript的頁面。這對你有幫助嗎？

看來您需要告訴瀏覽器運行JavaScript代碼，並且IDE將負責將JavaScript映射到TypeScript。

Answer 2

您必須安裝Jetbrains IDE Support Chrome擴展程序（我也讓無痕這個擴展 - 鉻：//擴展）以及一個名爲JavaScript調試器的IntelliJ IDEA的或Webstorm插件（它需要間諜js和啓用插件的NodeJS也）。

之後，你只要做你的項目的.html文件右鍵，單擊「調試-中將Html.HTML」

更新： Sourcemap文件需要調試，在編譯打字稿--sourcemap選項必須設置。

Answer 3

我剛碰到這個。然而，我不是在開展前端項目，但它可能也有幫助。

爲了在intellij中調試，我首先編譯我的打字稿文件。

• 我定義tsconfig.json
• 我用tsc -p tsconfig.json編譯。

，使調試工作我做了以下

• 新增"sourceMap": true到tsconfig.json

• 我跑的編譯js文件

  ==>調試只是工作，當我把一個斷點在ts文件中。

讓我知道如果這不能解決你的情況，我會調查一個修改答案。

這是我的工作，以供參考的項目：https://github.com/coder-on-deck/easy-typescript-setup