Angular Dart 的调试在 PhpStorm 中停止工作答案

【问题标题】：Debug of Angular Dart stopped working in PhpStormAngular Dart 的调试在 PhpStorm 中停止工作
【发布时间】：2019-05-31 06:51:05
【问题描述】：

我在 PhpStorm 中有相当大的 Angular Dart 项目。我能够调试它，但突然它不再工作了（几个星期）。我不确定升级 PhpStorm、Dart 插件和 Dart 的原因是什么。但我希望调试能够处理所有更新。我创建了最简单的 Angular Dart 应用程序（ToDo 示例），看看它是否有帮助。没有。

Dart VM version: 2.3.1 (Tue May 21 19:28:38 2019 +0200) on "linux_x64"

PhpStorm 2019.1.2
Build #PS-191.7141.52, built on May 8, 2019
JRE: 1.8.0_202-release-1483-b49 amd64
JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.o
Linux 5.0.17-300.fc30.x86_64

PhpStorm Dart plugin v191.7221

Google Chrome Version 74.0.3729.169 (Official build) (64bit)

Dart 在端口 53322 上侦听来自浏览器的 HTTP 连接，PhpStorm 正在侦听调试端口 63344（并与 Chrome 建立连接），Chrome 正在侦听调试端口 45389（并与来自 PhpStorm 的连接）。

当我打开http://localhost:53322/index.html 时，我看到了应用程序，但执行并没有在断点处停止。

我发现了类似的错误（https://youtrack.jetbrains.com/issue/WEB-30593、Angular dart on WebStorm. Debug is no more working），但提供的解决方案没有帮助。

有没有办法让调试再次工作？我想避免降级。

【问题讨论】：

"Dart SDK 2.3.1" -- 另一个最近的问题：stackoverflow.com/questions/56313763/… ---> 请查看并关注youtrack.jetbrains.com/issue/WEB-39095

标签： dart phpstorm webstorm angular-dart

【解决方案1】：

不特定于 Angular - 调试 Web 应用程序不适用于 SDK 2.3.1。请关注WEB-39095 获取更新。

解决方法：

从 WebStorm 启动调试会话。断点不起作用。停止调试会议。
在不关闭项目的情况下转到终端并运行pub global activate webdev 1.0.1。
再次从 WebStorm 启动调试会话。断点应该可以工作。

或者：

从终端手动运行 webdev 服务器，明确指定主机名，例如：pub global run webdev serve --hostname 127.0.0.1 web:53322
在 IDE 中创建 JavaScript Debug 运行配置，直接打开 webdev URL，例如http://localhost:53322/index.html，按调试

更新：这是 webdev 中的一个错误（在 ipv4 上没有源映射）。错误已在 webdev 2.0.7 中修复。无需任何操作，WebStorm 会自动将 webdev 自动更新到最新版本

【讨论】：

谢谢。我在终端 > pub global deactivate webdev #maybe not needed > pub global activate webdev 2.0.5 # 2.0.5 is last working version > pub global run webdev serve --hostname 127.0.0.1 web:53322 中运行了这些命令，然后从 PhpStorm 运行调试会话。