尝试使用 VS Code 调试 Ionic 项目时出现 Ionic 2 实时重新加载服务器错误

Posted

技术标签:

【中文标题】尝试使用 VS Code 调试 Ionic 项目时出现 Ionic 2 实时重新加载服务器错误【英文标题】:Ionic 2 live reload server error when trying to debug Ionic project with VS Code 【发布时间】:2017-05-08 17:08:31 【问题描述】:

我正在尝试使用 VS Code 和 Cordova Tools Extension 调试 Ionic 2 项目(任何示例项目都会出现错误)。我选择默认选项“服务到浏览器(离子服务)”并在点击运行按钮后收到以下错误消息:

“Ionic 实时重载服务器意外退出 Ionic 实时重新加载服务器中的错误: 错误:监听 EADDRINUSE 0.0.0.0:53703"

系统信息:

Mac OS 10.12.4, VS 代码 1.12.1, Cordova 工具(用于 VS 代码)1.2.7

launch.json 条目(即使“ionicLiveReload”发生错误:false):

    
        "name": "Serve to the browser (ionic serve)",
        "type": "cordova",
        "request": "launch",
        "platform": "serve",
        "cwd": "$workspaceRoot",
        "devServerAddress": "localhost",
        "sourceMaps": true,
        "ionicLiveReload": true,
        "devServerTimeout": 120000
    

感谢您的帮助!

【问题讨论】:

【参考方案1】:

在开发版本(master分支)中修复了与杀死进程树相关的扩展错误,但尚未发布。您需要手动终止这些进程。

ps -ax | grep ionic - 找到这个进程的pid

kill -9 <PID> - 杀了它

再次运行 ionic serve。

附:在 v1.2.7 中没有完全支持 Ionic2 项目,但会在下一个版本中支持。

【讨论】:

以上是关于尝试使用 VS Code 调试 Ionic 项目时出现 Ionic 2 实时重新加载服务器错误的主要内容,如果未能解决你的问题,请参考以下文章

在VS Code中调试安装在手机中的App

VS Code 调试器中的 Jest + Babel 导致断点移动

如何从 VS Code 调试 Angular 6 子项目

在 VS Code 中调试vue项目

使用Windows 10和MINGW编译器在VS Code上使用gdb调试器调试时出错

VS Code nodejs远程调试:断点被忽略