dart - Flutter inspector bugging out/freezing in Visual Studio Code

Question

Today was the first day I came across this issue with flutter widget inspector. When you click "Select Widget Mode" then select an element, it will freeze, and this inception-like view will occur:

In addition, if you just resize this window in Visual Studio code, the Widget Inspector view goes blank:

I've almost lost an entire day of development because of this stupid bug.

I have a feeling something got updated automatically and broke things. Does anyone have any idea why this is occurring? It was working so well then all the sudden today it decided to break.

Answer 1

I ran into this issue and did some research. There appears to be some bug reports around this.

• https://github.com/flutter/devtools/issues/2581
• https://github.com/Dart-Code/Dart-Code/issues/3024
• https://github.com/flutter/flutter/issues/65480 (fixed here)

This will require a new release of DevTools. Until this happens you can add the following to your VS Code settings.json.

"dart.embedDevTools": false,

This will open DevTools, from VS Code, in your browser.