Vaadin Designer编辑器属性与图层侧边栏丢失问题求助

问题概况 #

使用Eclipse集成Vaadin Designer时，浏览器编辑器的属性、图层侧边栏消失，同时出现Unknown browser message with topic "browserStatus", json: "webSocketReady"报错。已尝试切换Chrome浏览器、升级Eclipse和Designer、新建项目，问题均未解决。

环境详情 #

• 系统：Mac OS X 13.2.1 x86_64
• 浏览器：Safari 522.0（Mozilla/5.0 (Macintosh; Intel Mac OS X 10_16) AppleWebKit/605.1.15）
• Java版本：17.0.6
• Eclipse版本：org.eclipse.epp.package.jee.product 4.27.0.20230309-1200
• Vaadin Designer版本：4.6.21

报错内容 #

Unknown browser message with topic "browserStatus", json: "webSocketReady"
No stacktrace available.

已执行的无效操作 #

• 切换Chrome浏览器编辑Vaadin 10+视图
• 更新Eclipse和Vaadin Designer至最新版
• 创建全新Vaadin项目测试

排查与修复步骤 #

1. 清理Designer缓存
   关闭Eclipse，删除macOS下的缓存目录~/Library/Caches/VaadinDesigner，重启Eclipse后重新打开Designer。

2. 排查WebSocket连接拦截
   临时关闭系统防火墙或代理工具，确认Eclipse与浏览器间的WebSocket连接未被拦截，之后重试Designer。

3. 降级Designer版本
   当前Designer 4.6.21可能与Eclipse 4.27存在兼容性问题，尝试降级至4.6.18稳定版：

   • 打开Eclipse的Help > Install New Software
   • 移除当前Designer更新源，添加旧版本源并安装对应版本
   • 安装完成后重启Eclipse

4. 切换Java版本测试
   将Java版本切换至11（Vaadin 10+的推荐兼容版本），同时确保项目构建文件（pom.xml/build.gradle）中的Java版本配置同步调整，重新打开项目。

5. 重置Eclipse透视图
   执行Window > Perspective > Reset Perspective...，重置为Vaadin专用透视图（若已安装），恢复编辑器默认布局。

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