VS Code运行Flutter web报错无法连接Chrome调试端口37095如何解决？

云原生阿岚

2026-10-4

问题根因

该报错核心是Snap安装的VS Code默认不会读取用户~/.bashrc中配置的CHROME_EXECUTABLE环境变量，同时Snap沙箱的隔离机制会限制VS Code和Chromium的跨进程调试通信。而终端启动时会自动加载.bashrc的变量，所以终端运行Flutter应用正常。

解决步骤

临时验证方案：直接在当前终端执行code命令启动VS Code，此时VS Code会继承终端的所有环境变量，再运行Flutter web项目验证是否能正常启动，如果正常就确认是环境变量加载的问题。
永久生效方案一（推荐）：在VS Code的Flutter扩展配置中直接指定Chromium路径，不需要依赖全局环境变量：
1. 打开VS Code设置，搜索dart.env，在Dart: Env配置项中点击「编辑settings.json」
2. 在json配置中增加如下字段：
```
"dart.env": {
  "CHROME_EXECUTABLE": "/usr/bin/chromium"
}
```
1. 保存后重启VS Code即可生效。
如果上述方法仍报错，处理Snap沙箱权限问题：
执行命令给Flutter和VS Code授予访问系统进程资源的权限：
```
sudo snap connect flutter:system-observe
sudo snap connect code:system-observe
```
执行后重启设备再试即可。