google-chrome - 调试在 WebStorm 的精简服务器中运行的 Angular 2 应用程序

Question

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

我的 package.json 脚本如下所示:

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

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

Connection refused: connect

过了一会儿。

我尝试将 -node %NODE_DEBUG_OPTION% 添加到命令中，但没有帮助。

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

Answer 1

如果您想调试托管在精简版服务器上的 Angular2 应用程序，您需要创建 JavaScript 调试 运行配置，指定精简版服务器 URL (http://localhost:3000或任何它看起来像的东西)作为 URL，然后按 Debug。当然，您需要先运行您的 npm start 脚本来启动服务器。参见 https://confluence.jetbrains.com/display/WI/Starting+a+JavaScript+debug+session#StartingaJavaScriptdebugsession-Startingadebugsessionwhenusingadifferentwebserver