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

更新Android Studio Electric Eel后Flutter项目在Chrome运行空白页并报字体加载错误

解决Flutter初始项目在Chrome空白+Roboto字体加载失败问题
  • 检查Flutter版本兼容性
    运行flutter doctor查看当前Flutter版本,确认与Chrome版本适配。若存在版本不兼容问题,执行flutter upgrade升级到最新稳定版。

  • 改用本地Roboto字体

    1. 在项目根目录创建assets/fonts目录,将Roboto字体文件(如报错中的KFOmCnqEu92Fr1Me5WZLCzYlKw.ttf)放入该目录。
    2. 修改pubspec.yaml配置字体:
      flutter:
        fonts:
          - family: Roboto
            fonts:
              - asset: assets/fonts/KFOmCnqEu92Fr1Me5WZLCzYlKw.ttf
      
    3. 执行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"
      注意:此方法仅用于调试,生产环境禁止使用。
  • 清除缓存

    1. 执行flutter clean清除项目缓存,再运行flutter pub get重新拉取依赖。
    2. 打开Chrome设置,清除浏览缓存与Cookie,重启后重新运行项目。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.01 12:40:35