GWT超级开发模式调试时IntelliJ IDEA断点无法触发

问题描述 #

我正在调试GWT应用，已在Run/Debug Configuration窗口添加GWT配置，应用可正常运行。在Chrome中能查看Java代码并设置断点，但希望使用IDEA而非Chrome进行调试，是否可行？若可行，我的配置遗漏了什么？

使用环境 #

• GWT 2.10.0
• IDEA 2022.1.4
• Java 1.8.0_141
• 最新版Chrome

更新内容 #

• GWT调试配置截图：
• JS调试配置截图：
• JS调试控制台截图：

解答 #

完全可以用IDEA直接调试GWT应用，无需依赖Chrome DevTools。你需要检查以下几个关键配置点：

1. 确认GWT调试模式设置
   打开你的GWT Run/Debug Configuration，确保Debug mode选择Super Dev Mode（GWT 2.7及以上版本推荐），同时勾选Use IDEA to debug选项（不同IDEA版本该选项位置可能略有差异）。另外，检查Dev Mode parameters中是否存在禁用IDEA调试的参数，如有则移除。

2. 关联GWT与JS调试配置

   • 在GWT配置的Before launch区域，添加Run Another Configuration操作，选择你的JS调试配置，确保启动GWT前先启动JS调试会话。
   • 部分IDEA版本可直接在GWT配置中启用JavaScript Debug集成选项，省去单独配置JS调试的步骤。

3. 核对调试端口设置
   确保GWT默认调试端口（9876）与IDEA的JS调试端口一致；若手动启动Chrome，需添加启动参数--remote-debugging-port=9222，让IDEA能够连接到Chrome的调试端口，避免端口冲突。

4. 正确设置断点
   在IDEA中直接在Java源码上设置断点，而非编译后的JS代码。GWT Super Dev Mode会自动建立Java与JS的映射关系，若断点显示为灰色未激活状态，说明映射未成功建立，需重启Super Dev Mode和IDEA调试会话。

5. 检查插件与SDK配置
   确认IDEA已安装GWT插件（路径：Settings -> Plugins），且插件版本与你的GWT 2.10.0兼容；同时在File -> Project Structure -> SDKs中正确配置GWT SDK路径，保证项目依赖加载正常。

结合你提供的截图，重点排查GWT配置是否启用了IDEA调试选项，以及JS配置与GWT配置的关联是否正确。若JS控制台存在报错信息，可根据报错内容进一步定位问题（如端口冲突、映射文件加载失败等）。

内容的提问来源于stack exchange，提问作者Ubuntu Learner