flutter / devtools

Performance tools for Flutter
https://flutter.dev/docs/development/tools/devtools/
BSD 3-Clause "New" or "Revised" License
1.58k stars 324 forks source link

Widget inspector not working vscode #5186

Open SalomeViz opened 1 year ago

SalomeViz commented 1 year ago

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.

image


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 commented 1 year ago

@jacob314

CoderDake commented 1 year ago

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

SalomeViz commented 1 year ago

This is what I'm getting:

image

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 commented 1 year ago

@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 commented 1 year ago

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 commented 1 year ago

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

Let me know if that works! Thank you

SalomeViz commented 1 year ago

@elliette still the same :/

github-actions[bot] commented 1 year ago

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 commented 1 year ago

Our workflows erroneously closed this. Re-opening it.

Deemon47 commented 11 months ago

DevTools version: 2.25.0. Connected Device: CPU / OS: ia32 (32 bit) android Dart Version: 3.1.4 Flutter Version: 3.13.8 / stable Framework / Engine: 6c4930c4ac / 767d8c75e8 Connected app type: Flutter native (debug build)

Still same issue

CoderDake commented 11 months ago

@Deemon47 could you please open an issue with any errors you find in the Developer Tools console in vscode?