You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Mac M1设备Flutter开发中Chrome运行选项消失求助

Flutter Web开发Chrome运行选项消失问题解决(Mac M1)

问题:使用Mac M1开发Flutter Web,两个月前Chrome可正常作为运行选项,暂停开发后返回发现Chrome选项消失,但flutter doctor -v显示Chrome已检测到,连接设备列表中也存在Chrome。

解决步骤

1. 修复Dart路径优先级问题

flutter doctor提示系统PATH中的Dart来自Homebrew,而非当前Flutter SDK内的Dart,这可能导致工具链异常:

  • 打开终端,编辑你的shell配置文件(如~/.zshrc或~/.bash_profile)
  • 添加配置:
    export PATH="/Users/mhmdalnzy/flutter/bin:$PATH"
    
  • 执行source ~/.zshrc(对应你的shell文件)使配置生效,重启终端后再次运行flutter doctor -v确认警告消失

2. 强制指定Chrome启动项目

直接通过命令行验证Chrome是否能正常运行项目:

  • 终端进入项目根目录,执行:
    flutter run -d chrome
    
  • 若项目能正常在Chrome中启动,说明设备本身无问题,此时重启IDE(VSCode/Android Studio)即可刷新运行选项

3. 检查IDE配置(以VSCode为例)

  • 打开VSCode设置,搜索「Flutter: Device Filter」,确保未添加过滤web设备的规则
  • 确认「Flutter SDK Path」设置为/Users/mhmdalnzy/flutter
  • 禁用Flutter扩展,重启VSCode后重新启用扩展,再加载项目

4. 重置项目缓存与web工具链

  • 执行flutter clean清理项目缓存文件
  • 执行flutter pub get重新获取项目依赖
  • 执行flutter build web重新构建web资源,完成后再次尝试启动项目

5. 检查Chrome状态与权限

  • 完全退出Chrome(包括后台进程),重新打开后再尝试
  • 前往Mac「系统设置-隐私与安全性」,确认Flutter相关工具未被限制访问Chrome

内容的提问来源于stack exchange,提问作者mohammed

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.24 17:52:42