Debugger stuck on waiting for connection from debug service on chrome when trying to run on web using Flutter 2.x

[felipefranca824]

Describe the bug
Debugger stuck on waiting for connection from debug service on chrome when trying to run on web

To Reproduce
Steps to reproduce the behavior:

1. having a flutter project with an older version 2.10.5 for example
2. click on debug
   

Expected behavior
project was supposed to run normally

Screenshots

Please complete the following information:

• Operating System and version: Ubuntu 22.04.1 LTS
• VS Code version: 1.74.3
• Dart extension version: 3.58.0
• Dart/Flutter SDK version: 2.16.2/2.10.5
• Target device (if the issue relates to Flutter debugging): chrome

[DanTup]

@felipefranca824 from the error in your screenshot, it looks like there is a problem with the code (trying to use ?? after a non-nullable variable).

Does fixing that issue resolved the problem?

If not, can you produce a small sample project that triggers this issue that you can share? Thanks!

[felipefranca824]

@DanTup
Reproduced in a new project

doesn't come out of it.

but if i run by command line "fllutter run -d chome" it works

[DanTup]

@felipefranca824 can you reproduce this reliably?

Did you make any changes to the sample project, or run it as is (and how did you start it?).

Could you try capturing debugging logs while reproducing it (using the sample project)?

• Run the Dart: Capture Debugging Logs command
• Run the project to reproduce the issue
• Wait at least 30s after Chrome appears, just to ensure the log isn't cut short of anything that might be running slowly
• Click Cancel on the logging notification to stop logging and open the log
• Remove anything sensitive from the log
• Attach the log here, in a gist, or email to me at logs@dartcode.org.

Thanks!

[felipefranca824]

@DanTup
I ran the project without any modifications.

I sent the log file to your email

[DanTup]

@felipefranca824 thanks! I found the issue in your log:

setIsolatePauseMode: NoSuchMethodError: Class 'ChromeProxyService' has no instance method 'setIsolatePauseMode' with matching arguments.
Receiver: Instance of 'ChromeProxyService'
Tried calling: setIsolatePauseMode(\"1\", exceptionPauseMode: \"Unhandled\", shouldPauseOnExit: null)
Found: setIsolatePauseMode(String, {String exceptionPauseMode, bool shouldPauseOnExit}) => Future<Success>

This was a bug in earlier versions of Flutter (dart-lang/webdev#1627). It's since been fixed but you'll need to upgrade Flutter to a more recent version to get the fix (the current version is 3.7).

The reason it works from the command line is that this doesn't set up the debugger, which avoids the code that is failing.

Please let me know if you still have the issue after upgrading!

[felipefranca824]

After updating the problem was solved.

to continue using in older versions of flutter I used version 3.56.0 of the dartcode extension.

thanks

[DanTup]

to continue using in older versions of flutter I used version 3.56.0 of the dartcode extension.

Oh, I see what's happened here. The new version of the extension is using a new version of the API, but there's a mismatch between the VM Service version that supports this in DWDS (web) versus the standard VM.

This is unfortunate, although since the latest stable versions of everything are working (and using the previous extension works around the issue) I think it's probably not worth trying to find a way to handle this for now. If it turns out the issue is widespread, we can re-visit this.

Thanks!

[psimondk]

I'm getting this issue revisiting a flutter web project there hasn't been touched for 7 months - so very likely one of the latest dart extension upgrades is the culprit - its very annoying and i do not really wanna do a 2.x 3.x upgrade as we're close to go-live for a large client

[DanTup]

@psimondk the quickest fix would be rolling back the Dart extension to v3.56:

I'll have a look to see whether there's a version we can gate on that avoids this issue for both web/non-web.