Google chrome 在WebStorm的lite服务器上调试Angular 2应用程序

我已经安装了Chrome扩展“JetBrains IDE支持”，它在63341端口下运行

我的

package.json

脚本如下所示：

"start": "concurrent \"npm run tsc:w\" \"npm run lite\" "

然而，当我在WebStorm中运行“调试运行”时，我得到了一个

连接被拒绝：连接

过了一会儿

我尝试将

-node%node\u DEBUG\u OPTION%

添加到命令中，但没有帮助

---

让我困惑的是，WebStorm中的“Debugger”选项卡显示它正试图连接到localhost上的某个端口，该端口始终不同于63342，并且在弹出错误消息时立即消失。

如果您想调试lite server上托管的Angular2应用程序，则需要创建

JavaScript debug

运行配置，指定lite服务器URL（

http://localhost:3000

或任何它看起来像的东西）作为

URL

，然后按Debug。当然，您需要首先通过运行

npm start

脚本来启动服务器。请参见

对不起，您想调试什么？tsc？还是lite服务器？在调试器中运行此脚本的原因是什么？我想调试在lite Web服务器上运行的angular2应用程序。这样就不需要调试npm脚本了。我明白了，谢谢。我现在创建了一个

JavaScript调试配置

，运行了

run

脚本和调试配置，因此我的应用程序在一个新的chrome选项卡中启动，顶部有一个黄色的noti动作，确认“Jetbrains IDE支持”正在调试这个浏览器，但不知何故没有触发断点。有什么想法吗？我在typescript和dist/js文件中设置了一些断点，并确认已创建源映射。我正在解决完全相同的问题（使用最新的Webstorm 2016.3.1）@camden_kid：可能需要远程URL映射；此外，您还必须刷新浏览器页面，以便在页面加载命中时执行代码中的断点。如果您需要关于设置映射的建议，请创建支持票证如果您将angular cli与webpack一起使用，请检查此线程（最后的帖子）-您可能会发现它很有用：我不知怎么搞砸了源映射文件的创建。