如何通过堆栈跟踪调试 flutter web？

Question

当我从 Flutter 移动设备转移到 Web 设备时，我注意到控制台上打印的日志没有帮助，因为它们不针对我的 IDE (Android Studio) 中的代码 在移动设备上：

======= Exception caught by widgets library =======================================================
The following message was thrown building PhoneSignUpPage(state: _PhoneSignUpPageState#b52e9):
some error

The relevant error-causing widget was: 
  PhoneSignUpPage file:///Users/me/AndroidStudioProjects/myproject/lib/services/routing_service.dart:30:14
When the exception was thrown, this was the stack: 
#0      PhonePageViewState.initState (package:my_app/common/phone/phone_page_view.dart:63:5) // this was clickable
#1      StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4711:57)
#2      ComponentElement.mount (package:flutter/src/widgets/framework.dart:4548:5)
#3      Element.inflateWidget (package:flutter/src/widgets/framework.dart:3611:14)
#4      Element.updateChild (package:flutter/src/widgets/framework.dart:3360:20)
...

在网络上：

======== Exception caught by widgets library =======================================================
The following message was thrown building PhoneSignUpPage(state: _PhoneSignUpPageState#fb057):
some error

The relevant error-causing widget was: 
  PhoneSignUpPage file:///Users/me/AndroidStudioProjects/my_project/lib/services/routing_service.dart:30:14
When the exception was thrown, this was the stack: 
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 236:49  throw_
packages/my_app/common/phone/phone_page_view.dart 63:5                      initState  // not clickable
packages/flutter/src/widgets/framework.dart 4711:57                           [_firstBuild]
packages/flutter/src/widgets/framework.dart 4548:5                            mount
packages/flutter/src/widgets/framework.dart 3611:13                           inflateWidget
...
====================================================================================================

正如您所看到的，移动堆栈跟踪过去是可单击的，但 Web 则不可单击。有时 StackTrace 有一个 localhost:5000/path 前缀，如果单击该前缀，则无处可去。

我知道我可以使用 Chrome 开发工具检查堆栈跟踪，但我希望它是原始方式，通过 Android Studio 控制台，在 Android Studio 本身中打开文件。

Answer 1

如果您使用的是 Android Studio，那么您可以转到“Flutter Performance”选项卡-> 单击“Open DevTools...”