Flutter DevTools открывает пустой экран

Question

Я использую Android Studio 4.1.1 с Flutter 2 плагин, но мне не удалось открыть DevTools, нажав его значок в окне запуска или выбрав Open DevToolsиз всплывающего окна дополнительных действий в инспекторе флаттера всегда получается пустая веб-страница. У меня есть работающее мобильное приложение на симуляторе iOS, но я не знаю, имеет ли это значение.

Детали версии Flutter:

      Flutter 2.0.1 • channel stable • https://github.com/flutter/flutter.git
Framework • revision c5a4b4029c (11 days ago) • 2021-03-04 09:47:48 -0800
Engine • revision 40441def69
Tools • Dart 2.12.0

что не так с DevTools?

Answer 1

В моем случае это произошло потому, что я был на Mac с окном, открывающимся в Safari, потому что обычно это браузер по умолчанию на Mac. Поэтому я скопировал URL-адрес в Chrome, и это сработало.

Answer 2

В моем случае при использовании Windows 10 при подключении к http://127.0.0.1:9100 в Chrome отображалась пустая страница. Использование http: // localhost: 9100 работало.

Подсказка была предоставлена ​​на https://github.com/flutter/flutter/issues/35563#issuecomment-512493580 .

Answer 3

В моем случае, когда я использовал Windows 10 и работал над WSL2, проблема заключалась в порте по умолчанию, используемом dart DevTools. Несмотря на все мои усилия, мне не удалось заставить его работать в порту.9100, но к счастью порт8000кажется, работает из коробки. Вам просто нужно добавить следующее в.vscode/settings.jsonв проекте vscode:

      {
    "dart.devToolsPort": 8000
}