如何在 Android Studio 中运行 Flutter Web？答案

【问题标题】：How to run Flutter web from within Android studio?如何在 Android Studio 中运行 Flutter Web？
【发布时间】：2022-01-19 01:44:57
【问题描述】：

我可以使用 iOS / Android 模拟器启动我的应用程序，但不能使用 Chrome。

这是我的运行配置：

由于某种原因，我收到“未找到连接的设备”错误：

如何解决这个问题？

我试过flutter config --enable-web，但问题依旧。

flutter doctor 输出：

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.8.0, on macOS 12.1 21C52 darwin-arm, locale en-US)
[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 13.2)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2020.3)
[✓] Connected device (1 available)

• No issues found!

flutter devices 输出：

1 connected device:

Chrome (web) • chrome • web-javascript • Google Chrome 96.0.4664.110

【问题讨论】：

来自终端的flutter run -d chrome 工作吗？
奇怪的是，确实如此
我没有使用 Android Studio，但是在 VSCode 中你可以创建一个 launch.json 文件，当你从 VSCode 开始调试时使用，你可以在其中指定在 Chrome 中启动的选项。跨度>
如果您有兴趣，我可以分享我在launch.json 中为 Chrome 提供的参数。
launch.json 与上面的run configuration dialog 基本相同，所以这应该可以工作..

标签： flutter android-studio google-chrome flutter-web

【解决方案1】：

使用颤振设备命令，您应该将 chrome 视为设备。在 Android Studio 的设备列表中，它会显示在 Web 上运行项目的选项。您也可以使用命令行执行相同的操作。 使用 flutter run -d chrome 命令在网络上运行你的项目。

【讨论】：

“Android Studio 的设备列表”是什么意思？另外，我知道我可以通过命令行运行该项目（我目前正在这样做），但我希望它由 Android Studio 启动
正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。您可以在此处添加一些代码。您可以在帮助中心找到更多关于如何写出好的答案的信息。