flutter / flutter/devtools

Devtools does not work in Github Codespaces

未关闭
#6,160 4 条评论 1 个 reaction 已指派 0 人 在 GitHub 查看
new feature P2
主要语言
Dart
星标
1.7k
派生
404
平均合并
6 天 17 小时
30 天内合并 PR
18

描述

## Overview
I am trying to use Flutter in a Github Codespaces environment (I got similar results with GCP Managed Workstations environment too) where I am unable to get devtools to work in this environment.

I have the Chrome extension installed and you can see below in a video where I cover the bug from start to finish that it worked fine and even reported that it was working successfully. However, in practice it never loads the application and VSCode still says that it is waiting for me to click the button.

## Video Walkthrough
I put together a short 2-3 min example that covers everything from start to finish

[![Watch the video](https://i9.ytimg.com/vi/7vYeBG3izaM/mq3.jpg?sqp=CNj-uqYG-oaymwEmCMACELQB8quKqQMa8AEB-AHUBoAC4AOKAgwIABABGH8gNig6MA8%3D&rs=AOn4CLDOJPv7uxNQu7HG3xSAfdQPQ9AIww&retry=4)](https://www.youtube.com/watch?v=7vYeBG3izaM)

## Logs from video walkthrough
These are the same logs that came from the video above

- [Dart-Code-Log.txt](https://github.com/flutter/devtools/files/12268246/flutter-logs.txt)

## launch.json file
```json
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "My App",
"request": "launch",
"type": "dart",
"args": ["--web-hostname=0.0.0.0", "--web-port=3000"]
},
{
"name": "My App (profile mode)",
"request": "launch",
"type": "dart",
"flutterMode": "profile",
"args": ["--web-hostname=0.0.0.0", "--web-port=3000"]
},
{
"name": "My App (release mode)",
"request": "launch",
"type": "dart",
"flutterMode": "release",
"args": ["--web-hostname=0.0.0.0", "--web-port=3000"]
}
]
}
```

## Flutter Doctor
![image](https://github.com/flutter/devtools/assets/76698672/9bf32e56-1814-4021-9547-ecfc58e24b25)

## install-flutter.sh
I have a simple script to install Flutter into the container I am using as my environment that contains the following and helps give some context as to how specifically Flutter is installed into the environment

```sh
#!/usr/bin/env bash
set -e

# Install Flutter
wget https://storage.googleapis.com/flutter_infra_release/releases/stable/linux/flutter_linux_3.10.6-stable.tar.xz -O /tmp/flutter.tar.xz
tar -xf /tmp/flutter.tar.xz -C $HOME
```

### Other Potentially Useful / Linked Issues
- https://github.com/flutter/flutter/issues/89721 (This would be a huge amount of help to have a solution even if not officially supported that worked)
- https://github.com/DanTup/github-codespaces-flutter-web (This one from DanTup is a bit old and uses a different web-hostname argument which I also tried without any luck)
- https://docs.flutter.dev/tools/devtools/vscode#launch-devtools (It would be great if we could include remote development specifics here in the docs)

贡献指南

打开贡献指南

调研方向

先查看随附的 Dart-Code-Log.txt 和 launch.json 配置,然后使用提供的 install-flutter.sh 脚本在 GitHub Codespaces 中重现所报告的行为。当 DevTools 成功加载应用程序且 VSCode 不再等待用户点击按钮时,即表示完成。

由索引模型根据 Issue 内容生成。

评估

技术栈
dart, github, vscode
领域
developer-experience, devtools
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
需要澄清
新手友好度
28/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。