flutter运行后白屏卡住无法启动 / Flutter app stuck at installing with white screen
问题背景和症状:
很久之前尝试配置过一次flutter环境,体验了一下。很久没用了,最近有了兴趣,又想看下flutter有什么变化。
- 按照官方教程装好了flutter环境,运行
flutter doctor
无异常项 - 下载了一个demo app工程,点击运行(ios),编译完成后,安装到了模拟器上,app自动打开了,但是卡在白屏。
- 杀死app后,手动打开能正常进入。
尝试和解决
- 尝试安装到android模拟器上,也是同样的症状❌
- 尝试运行
flutter clean
清除缓存,问题没有解决❌ - 尝试运行
flutter pub cache clean
清除依赖缓存,问题没有解决❌ - 运行
flutter run -v
查看输出信息,发现最后是卡在Connecting to service protocol:http://127.0.0.1:57071/0dqLN-ZPpFk=/
这一行了,怀疑是57071这个端口有问题,运行lsof -i:57071
查看占用这个端口的进程的pid,然后运行kill <pid>
杀掉这个进程。再次运行发现还是不行,并且发现这个service每次都会换个端口,问题应该不是在这。❌ - 忽然留意到每次运行flutter命令的时候,第一句都是
Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source!
,想起来以前因为网络环境不好,换过源,不会是这个源有问题吧,于是赶紧查看~/.zshrc
文件,果然在里面发现了这个配置删掉这几行,然后重启vscode,再次运行,问题就解决了。回顾一下应该就是这个源的内容不够新甚至不正确导致的!✅1
2
3export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export FLUTTER_GIT_URL=https://gitee.com/mirrors/Flutter.g
总结,不能轻易相信第三方源,配置好网络环境永远是配置环境的第一步
stackoverflow上查了半天,没有一个将问题指向源的,在此做下记录,希望能帮助到遇到同样问题的人。♥️
如果上面没有解决你的问题,可以参考:
https://stackoverflow.com/questions/75665760/flutter-run-stuck-on-launching
https://stackoverflow.com/questions/68698437/flutter-app-stuck-at-installing-with-white-screen
flutter运行后白屏卡住无法启动 / Flutter app stuck at installing with white screen