在 WebStorm 的 lite-server 中调试 Angular 2 应用程序 运行

Debugging Angular 2 application running in lite-server in WebStorm

我已经安装了 Chrome 扩展 "JetBrains IDE Support" 并且它 运行ning 在端口 63341 下。

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

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

但是,当我在 WebStorm 中 运行 "debug run" 时,我得到一个

Connection refused: connect

过了一会儿。

我尝试在命令中添加 -node %NODE_DEBUG_OPTION%,但没有用。

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

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