Widget tree Empty in Devtools

[muhammadrashadomar]

<-- 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)

[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

[chakbun]

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).

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)

[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 :)

[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 :)

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

[mikebosland]

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.

[LukePizon2104]

I had similiar symptom on vscode with project running fvm -v 3.7.9

just now by accident
after opening web debug and enabling Enable VM developer mode it started working
It loaded widget tree on web browser and in vscode

I had no issue with project running fvm -v 3.22.1, it starts in vscode correctly

[kenzieschmoll]

This issue, which was often related to caching or VS Code embedding behavior, appears to be resolved in current versions of Flutter and DevTools. If you are still experiencing a blank widget tree on a recent Flutter version, please file a new issue with detailed reproduction steps and your environment information.