如何查看打字稿代碼在Chrome與VS代碼調試

Question

我正在通過這個節目 https://github.com/start-angular/angular2-node-socket-io-chat-app

我使用VS單步執行代碼，並使用Chrome瀏覽器的調試器學習Angular2。當我嘗試調試代碼並在Chrome中查看開發控制檯時，我看不到.ts文件，只能看到.js文件。

如何查看.ts文件？我在其他Angular2項目中看到了.ts文件（因此能夠設置斷點等）。

Answer 1

我相信你必須讓源映射

"sourceMap": true 

（它被設置爲在項目中，您鏈接錯誤）

在tsconfig

。

然後，當您將調試器放入代碼中時，它應該將您帶入打字稿代碼。

Answer 2

這是不可能的，因爲打字稿是爲javascript編譯的。

你可以試試這個命令：npm run tsc:w。

該命令實時編譯您的應用程序。這裏有工作。