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

Flutter构建Android/Web应用遇字体缺失错误,求解决方法

解决Flutter Web构建时CupertinoIcons缺失错误

错误提示(翻译后)

期望找到(MaterialIcons, packages/cupertino_icons/CupertinoIcons)对应的字体,但仅找到(MaterialIcons)。通常这意味着你在IconData类中引用了字体族,但未在pubspec.yaml的assets部分中包含它们,缺少对应的包,或者未设置"uses-material-design: true"。
字体资源"MaterialIcons-Regular.otf"已被树摇优化,大小从1645184字节缩减至7548字节(减少99.5%)。可以在构建应用时添加--no-tree-shake-icons参数来禁用图标树摇。
正在编译lib\main.dart到Web... 42.0s

你的pubspec.yaml配置

name: beshiefy_source_code
description: A new Flutter project.
publish_to: 'none'
version: 0.1.0

environment:
  sdk: '>=3.0.5 <4.0.0'

dependencies:
  flutter:
    sdk: flutter

dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_lints: ^2.0.0

flutter:
  uses-material-design: true

解决方案

  • 在pubspec.yaml的dependencies区块添加cupertino_icons依赖:
dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.6 # 建议使用最新稳定版本
  • 执行命令拉取依赖:
flutter pub get
  • 重新执行Web构建命令即可。

补充说明:如果项目中实际未使用Cupertino风格图标,可检查代码是否存在误引用CupertinoIcons的地方,移除相关引用也能解决该错误。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.13 15:27:47