在 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
我已经安装了 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