search

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 tree Empty in Devtools #5891

Open muhammadrashadomar opened 1 year ago

muhammadrashadomar commented 1 year ago

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

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

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)

CoderDake commented 1 year ago

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

@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 commented 9 months ago

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 commented 3 days ago

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 image

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