Widget inspector not working vscode

[SalomeViz]

I'm not being able to see the widget tree after selecting a widget.
This started after I downgraded my flutter version for project issues.

---

DevTools version: 2.20.1
Connected Device:
CPU / OS: arm64 (64 bit) ios
Dart Version: 2.18.0
Flutter Version: 3.3.0 / stable
Framework / Engine: ffccd96b62 / 5e9e0e0aa8
Connected app type: Flutter native (debug build)

[polina-c]

@jacob314

[CoderDake]

@SalomeViz If you are able to reproduce this, could you please give the following a try?

• Reproduce this issue:
• In Run the command "Toggle Developer Tools"
  • You can use the CMD+SHIFT+P shortcut then start typing "toggle developer tools" to run this command
• the developer tool console should now open
• you may see some errors in that log that look relevant to this issue
• if you see any there that look relevant, then you can share those here and they may point us to what is going wrong.

[SalomeViz]

This is what I'm getting:

main.dart.js:61194 GET http://127.0.0.1:9100/inspector/api/ping 404 (Not Found)
j3 @ main.dart.js:61194
bT2 @ main.dart.js:43454
(anonymous) @ main.dart.js:138233
(anonymous) @ main.dart.js:6001
$2 @ main.dart.js:56922
$1 @ main.dart.js:56916
qt @ main.dart.js:58110
$0 @ main.dart.js:57399
Kh @ main.dart.js:6157
qT @ main.dart.js:57319
$0 @ main.dart.js:57366
c5z @ main.dart.js:6189
c61 @ main.dart.js:6191
$1 @ main.dart.js:56861
c8z @ main.dart.js:4782
(anonymous) @ main.dart.js:4790
childList (async)
$1 @ main.dart.js:56868
bLJ @ main.dart.js:6196
bsA @ main.dart.js:6304
qE @ main.dart.js:58118
axv @ main.dart.js:57326
jM @ main.dart.js:57324
bs @ main.dart.js:57239
$1 @ main.dart.js:44309
bZM @ main.dart.js:4661
c4c @ main.dart.js:41751
(anonymous) @ main.dart.js:41747
Promise.then (async)
ap @ main.dart.js:8768
(anonymous) @ main.dart.js:192
(anonymous) @ main.dart.js:6001
$2 @ main.dart.js:56922
$1 @ main.dart.js:56916
qt @ main.dart.js:58110
$0 @ main.dart.js:57399
Kh @ main.dart.js:6157
qT @ main.dart.js:57319
$0 @ main.dart.js:57366
c5z @ main.dart.js:6189
c61 @ main.dart.js:6191
$1 @ main.dart.js:56861
c8z @ main.dart.js:4782
(anonymous) @ main.dart.js:4790
childList (async)
$1 @ main.dart.js:56868
bLJ @ main.dart.js:6196
bsA @ main.dart.js:6304
qE @ main.dart.js:58118
axv @ main.dart.js:57326
jM @ main.dart.js:57324
bs @ main.dart.js:57239
e0 @ main.dart.js:57240
$1 @ main.dart.js:44312
bZM @ main.dart.js:4661
c4c @ main.dart.js:41751
(anonymous) @ main.dart.js:41747
load (async)
ap @ main.dart.js:8768
e8 @ main.dart.js:428
c4G @ main.dart.js:205
(anonymous) @ main.dart.js:190
(anonymous) @ main.dart.js:6001
$2 @ main.dart.js:56922
m @ main.dart.js:5987
btT @ main.dart.js:197
(anonymous) @ main.dart.js:45812
(anonymous) @ main.dart.js:6001
$2 @ main.dart.js:56922
m @ main.dart.js:5987
cL @ main.dart.js:45817
(anonymous) @ main.dart.js:50392
(anonymous) @ main.dart.js:6001
$2 @ main.dart.js:56922
m @ main.dart.js:5987
$0 @ main.dart.js:50396
(anonymous) @ main.dart.js:1366
(anonymous) @ main.dart.js:6001
$2 @ main.dart.js:56922
m @ main.dart.js:5987
c8v @ main.dart.js:1370
buG @ main.dart.js:1351
(anonymous) @ main.dart.js:62444
(anonymous) @ main.dart.js:6001
$2 @ main.dart.js:56922
m @ main.dart.js:5987
am9 @ main.dart.js:62446
$1 @ main.dart.js:62436
$0 @ main.dart.js:62437
(anonymous) @ main.dart.js:43527
(anonymous) @ main.dart.js:6001
$2 @ main.dart.js:56922
m @ main.dart.js:5987
xL @ main.dart.js:43531
(anonymous) @ main.dart.js:8876
(anonymous) @ main.dart.js:6001
$2 @ main.dart.js:56922
m @ main.dart.js:5987
bwh @ main.dart.js:8884
(anonymous) @ main.dart.js:41732
(anonymous) @ main.dart.js:6001
$2 @ main.dart.js:56922
m @ main.dart.js:5987
bv6 @ main.dart.js:41734
(anonymous) @ main.dart.js:161133
(anonymous) @ main.dart.js:161127
dartProgram @ main.dart.js:161130
(anonymous) @ main.dart.js:161133
Show 50 more frames
main.dart.js:41898 devtools server not available (404)
main.dart.js:41898 DevTools version 2.20.1.
main.dart.js:41898 Attempted to call extension 'ext.flutter.inspector.structuredErrors', but no service with that name exists

[CoderDake]

@SalomeViz thank you for forwarding that information, unfortunately there isn't anything specific that points to why this might be failing right now.

Out of curiosity does your inspector go blank as soon as you open it immediately? Or is it perhaps after clicking the inspect button? Or perhaps otherwise is there a certain type of object you are inspecting that is causing this?

Any extra information on how you reproduce this would be helpful for me. I still haven't found a way to reproduce it myself yet.

[SalomeViz]

Don't really have any extra information on reproducing this, just stopped working after downgrading from 3.7 to 3.3.0

Something that might be able to help is a temporary fix that I found.

-After running the app and opening widget inspector in VSC (widget tree still empty)
-Use command + shift + p
-Write Open DevTools
-Select Open DevTools in web browser
-When this loads on the web browser, it also loads on VSC

When I rerun the app it shows empty again, but do this steps again and works fine util I stop running, again.
Hope this could lead to a solution. 🤞

[elliette]

Hi @SalomeViz. This might be a caching issue. Could you try clearing the DevTools site cache:

• Open up Chrome DevTools for the Flutter DevTools in the web browser
• Go to Application > Storage > and choose "Clear site data"
• Refresh Flutter DevTools

Let me know if that works! Thank you

[SalomeViz]

@elliette still the same :/

[github-actions]

Without additional information we're not able to resolve this issue, so it will be closed at this time. You're still free to add more info and respond to any questions above, though. We'll reopen the case if you do. Thanks for your contribution!

[CoderDake]

Our workflows erroneously closed this. Re-opening it.