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

时间:2016-12-08 12:28:51

标签: google-chrome typescript webstorm

我已安装Chrome扩展程序“JetBrains IDE Support”,它在端口63341下运行。

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

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

然而,当我在WebStorm中运行“debug run”时,我得到了一个

  

拒绝连接:连接

过了一会儿。

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

令我困惑的是,WebStorm中的“调试器”选项卡显示它正在尝试连接到localhost上的某个端口,该端口始终与63342不同,并且在弹出错误消息时消失。

1 个答案:

答案 0 :(得分:4)

如果您想调试Lite服务器上托管的Angular2应用程序,您需要创建JavaScript Debug运行配置,将lite服务器URL(http://localhost:3000或其任何外观)指定为URL那里,然后按Debug。当然,您需要首先运行npm start脚本来启动服务器。见https://confluence.jetbrains.com/display/WI/Starting+a+JavaScript+debug+session#StartingaJavaScriptdebugsession-Startingadebugsessionwhenusingadifferentwebserver