Flutter DevTools打开一个空白屏幕

Question

我正在运行带有Flutter 2插件的Android Studio4.1.1，但我无法通过在运行窗口中按其图标或从flutter检查器中弹出的更多操作中选择Open DevTools来打开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上的默认浏览器。所以我把这个网址复制到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的默认端口。尽管我尽了最大的努力，我还是没能让它在端口9100上工作，但幸运的是，端口8000似乎开箱即用。您只需要在vscode项目中向.vscode/settings.json添加以下内容：

{
"dart.devToolsPort": 8000
}