如何解决inspect.isar.dev无法加载Flutter运行构建的Isar数据？

在VS Code中运行Flutter构建时，终端输出Isar连接提示横幅，复制链接到Chrome浏览器后，页面一直处于“initializing engine”加载状态，无法正常进入Inspector界面。

终端输出示例 #

ws://127.0.0.1:57558/NBNCkteNWbM=/wsLaunching lib/main.dart on iPad Pro (11-inch) (4th generation) in debug mode...
Xcode build done.                                           32.2s
Connecting to VM Service at ws://127.0.0.1:57558/NBNCkteNWbM=/ws
flutter: ╔════════════════════════════════════════════════════╗
flutter: ║                ISAR CONNECT STARTED                ║
flutter: ╟────────────────────────────────────────────────────╢
flutter: ║        Open the link to connect to the Isar        ║
flutter: ║       Inspector while this build is running.       ║
flutter: ╟────────────────────────────────────────────────────╢
flutter: ║ https://inspect.isar.dev/3.1.0/#/57558/NBNCkteNWbM ║
flutter: ╚════════════════════════════════════════════════════╝

已尝试操作 #

• 在Isar.open语句中明确设置inspector: true
• 使用的Inspector链接：https://inspect.isar.dev/3.1.0/#/57558/NBNCkteNWbM

页面状态截图 #

排查解决步骤 #

• 验证本地端口连通性：在终端执行telnet 127.0.0.1 57558，检查VM Service的WebSocket端口是否能正常访问；也可以用curl ws://127.0.0.1:57558/NBNCkteNWbM=/ws测试连接响应
• 关闭代理/VPN：如果当前开启了代理或VPN，暂时关闭后重新加载页面，避免代理拦截WebSocket连接
• 同步依赖版本：确保项目中isar、isar_flutter_libs、isar_generator的版本与Inspector页面标注的版本（3.1.0）一致，执行flutter pub upgrade更新所有相关依赖
• 重启调试会话：停止当前Flutter调试进程，重新启动项目，生成新的Isar Inspector链接后再次尝试访问
• 更换浏览器测试：尝试用Firefox、Edge等其他浏览器打开链接，排除Chrome缓存、插件或设置导致的问题
• 检查防火墙规则：确认本地防火墙未阻止Flutter调试进程的WebSocket端口通信，必要时临时关闭防火墙测试

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