如何使用VS Code调试器查看Chrome中的Typescript代码

Question

我正在通过这个程序学习Angular2 https://github.com/start-angular/angular2-node-socket-io-chat-app

我正在使用VS Code，并使用Debugger for Chrome。当我尝试调试代码并查看Chrome中的开发控制台时，我看不到.ts文件，只看到.js文件。

如何查看.ts文件？我在其他Angular2项目中看到了.ts文件（因此可以设置断点等）。

Answer 1

我相信你必须允许源地图

"sourceMap": true

（在您链接的项目中设置为false）

tsconfig中的

。

然后，当您在代码中放入调试器时，它会将您带到打字稿代码。

Answer 2

因为打字稿是为javascript编译的，所以不可能。

您可以尝试以下命令：npm run tsc:w。

此命令实时编译您的应用程序。这里有工作。