devtools icon indicating copy to clipboard operation
devtools copied to clipboard
verified publisher icon flutter

Widget tree Empty in Devtools

Open muhammadrashadomar opened this issue 2 years ago • 6 comments

<-- Please describe your problem here. Be sure to include repro steps. -->

DevTools version: 2.23.1 Connected Device: CPU / OS: arm64 (64 bit) android Dart Version: 3.0.2 Flutter Version: 3.10.2 / stable Framework / Engine: 9cd3d0d9ff / 90fa3ae28f Connected app type: Flutter native (debug build)

muhammadrashadomar avatar Jun 08 '23 09:06 muhammadrashadomar

Thanks for the report. Can you answer a few questions that will help us get to the bottom of this?

  1. Was the tree completely blank, or did it have a single widget [root]?
  2. Were you running the inspector embedded in your IDE or in a standalone browser?
  3. How did you launch your app - from command line or from your IDE?
  4. Which IDE are you using?

CC @CoderDake

kenzieschmoll avatar Jun 09 '23 16:06 kenzieschmoll

Thanks for the report. Can you answer a few questions that will help us get to the bottom of this?

  1. Was the tree completely blank, or did it have a single widget [root]?
  2. Were you running the inspector embedded in your IDE or in a standalone browser?
  3. How did you launch your app - from command line or from your IDE?
  4. Which IDE are you using?

CC @CoderDake

Hi, I encountered the same issue when opening the widget inspector in VS Code. The built-in widget inspector in VS Code appears to be empty. However, I found that it works fine when selecting the external option (in the Chrome browser).

Snipaste_2023-07-17_15-33-29

Was the tree completely blank, or did it have a single widget [root]?

completely blank (see the photo above)

Were you running the inspector embedded in your IDE or in a standalone browser?

in visual studio code

How did you launch your app - from command line or from your IDE?

IDE

Which IDE are you using?

visual studio code (Version: 1.80.1)

chakbun avatar Jul 17 '23 07:07 chakbun

@chakbun could you please try changing the port number in VSCode? This sounds familiar to a caching issue, so I'd like to rule that out :)

CoderDake avatar Jul 17 '23 15:07 CoderDake

@chakbun could you please try changing the port number in VSCode? This sounds familiar to a caching issue, so I'd like to rule that out :)

After changing the port number, the built-in widget inspector started working. Thank you!

chakbun avatar Jul 20 '23 01:07 chakbun

I believe I have the same symptom. All of the devtool pages show blank. However I can still interact with the page. For example I can "Select Widget Mode" because it is in the upper left corner of the widget inspector. So the functionality is there, but everything is black (or white when using a light theme). The workaround is to open devtools in a browser.

Changing the port number and restarting had no effect for me.

mikebosland avatar Dec 22 '23 15:12 mikebosland