Windows10下Flutter运行Chrome时调试服务连接失败求助

问题描述 #

在Windows 10系统使用Flutter，执行flutter run -d chrome命令时，出现Waiting for connection from debug service on Chrome错误，Chrome页面显示“无法连接”。切换至Edge、web-server模式或在Visual Studio Code中运行，问题均相同。尝试安装Dart Debug Extension到Chrome但无法启用。flutter doctor提示未安装Visual Studio，但已使用Visual Studio Code，询问是否必须安装Visual Studio。

Verbose日志 #

C:\Users\Administrator\myflutter_app>flutter run -d chrome --verbose

[  +10 ms] <- compile org-dartlang-app:/web_entrypoint.dart
[+19685 ms] Waiting for connection from debug service on Chrome... (completed in 20.0s)
[   +2 ms] Synced 30.6MB.
[   +1 ms] <- accept
[        ] Caching compiled dill
[+2477 ms] [CHROME]:
[  +18 ms] [CHROME]: DevTools listening on ws://127.0.0.1:57469/devtools/browser/51db6ac9-54b7-4fb7-bdb4-25fb1707d9d6]

解答 #

关于Visual Studio的疑问 #

Flutter Web开发不需要安装Visual Studio，flutter doctor提示未安装Visual Studio是针对Windows桌面应用开发的依赖要求，和Web开发无关，可直接忽略该提示。

调试连接失败的解决步骤 #

• 更新Flutter/Dart SDK到稳定版：执行flutter upgrade，确保使用最新稳定版本，规避版本兼容导致的连接问题。
• 关闭代理/VPN：代理或VPN可能拦截本地调试的WebSocket连接，关闭系统或Chrome的代理设置后重试。
• 重置Chrome调试端口：关闭所有Chrome窗口，通过命令行启动Chrome并指定调试端口：chrome.exe --remote-debugging-port=9222，之后再执行flutter run -d chrome。
• 禁用Chrome扩展：暂时禁用所有Chrome扩展（包括无法启用的Dart Debug Extension），扩展可能干扰调试服务的连接，测试后再逐步排查具体扩展问题。
• 清理项目缓存：执行flutter clean清理编译缓存，然后运行flutter pub get重新获取依赖，再尝试运行项目。
• 检查防火墙设置：Windows防火墙可能拦截Flutter调试服务的连接，暂时关闭防火墙或添加Flutter相关的允许规则，确认是否是防火墙导致的问题。

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