更新Android Studio Electric Eel后Flutter项目在Chrome运行空白页并报字体加载错误
解决Flutter初始项目在Chrome空白+Roboto字体加载失败问题
检查Flutter版本兼容性
运行flutter doctor查看当前Flutter版本,确认与Chrome版本适配。若存在版本不兼容问题,执行flutter upgrade升级到最新稳定版。改用本地Roboto字体
- 在项目根目录创建
assets/fonts目录,将Roboto字体文件(如报错中的KFOmCnqEu92Fr1Me5WZLCzYlKw.ttf)放入该目录。 - 修改
pubspec.yaml配置字体:flutter: fonts: - family: Roboto fonts: - asset: assets/fonts/KFOmCnqEu92Fr1Me5WZLCzYlKw.ttf - 执行
flutter pub get,重启Chrome后重新运行项目。
- 在项目根目录创建
临时关闭Chrome跨域限制(仅调试用)
关闭所有Chrome窗口后,通过命令行启动:- Windows:
chrome.exe --disable-web-security --user-data-dir="C:/ChromeDevSession" - Mac:
open -a Google\ Chrome --args --disable-web-security --user-data-dir="/tmp/ChromeDevSession" - Linux:
google-chrome --disable-web-security --user-data-dir="/tmp/ChromeDevSession"
注意:此方法仅用于调试,生产环境禁止使用。
- Windows:
清除缓存
- 执行
flutter clean清除项目缓存,再运行flutter pub get重新拉取依赖。 - 打开Chrome设置,清除浏览缓存与Cookie,重启后重新运行项目。
- 执行
内容的提问来源于stack exchange,提问作者Sweta Jain
相关产品推荐
相关产品推荐

