如何在PhpStorm/WebStorm中调试angular2种子项目？

Question

Angular2是用TypeScript编写的.

我使用Angular2种子工程,我不能让PhpStorm(WebStorm)调试它-它不是在停在断点.ts的文件.

何去做？

现在,我使用的是JavaScript Debug与http://localhost:8080作为URL -无断点:/

Answer 1

要在WebStorm中进行调试,您需要确保生成源图.要执行此操作,请打开angular2-seed\webpack.config.js并添加

devtool: 'source-map',

到webpack配置; 然后使用http://localhost:8080/URL 创建javaScript调试运行配置,并Remote URL为项目根目录添加以下映射

webpack:///.

现在,启动您的服务器npm start; 启动服务器后,按Debug键在调试器中运行上述配置