使用Dart Workspace运行Flutter Web时断点无法验证问题求助

针对多Flutter应用的Dart Workspace场景下，Web端断点失效（变为未验证状态）的问题，可按以下步骤排查修复：

1. 确保调试模式运行 #

Web端必须使用debug模式启动，避免用release或profile模式：

flutter run -d chrome --debug

2. 检查IDE运行配置 #

VSCode配置 #

在.vscode/launch.json中为每个Flutter应用单独配置启动项，明确指定入口文件路径：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "应用1 (Chrome)",
      "request": "launch",
      "type": "dart",
      "program": "apps/app1/lib/main.dart",
      "deviceId": "chrome"
    },
    {
      "name": "应用2 (Chrome)",
      "request": "launch",
      "type": "dart",
      "program": "apps/app2/lib/main.dart",
      "deviceId": "chrome"
    }
  ]
}

Android Studio配置 #

创建运行配置时，选择对应Flutter模块，在「Flutter」标签页中：

• 指定正确的入口文件（如apps/app1/lib/main.dart）
• 「Build configuration」选择debug

3. 更新IDE插件与SDK #

• 将VSCode的Dart/Flutter插件、Android Studio的Flutter插件更新到最新稳定版
• 确认项目使用的Flutter SDK为最新稳定版，避免版本兼容问题

4. 清除缓存并重建 #

执行以下命令清理缓存后重新构建：

flutter clean
rm -rf build/web
flutter pub get
flutter run -d chrome --debug

5. 排除浏览器干扰 #

• 使用Chrome隐身模式启动应用，避免浏览器插件影响调试连接
• 检查Chrome调试端口是否被其他进程占用，必要时重启Chrome或IDE

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