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

React Native 0.70.5中npx react-native-asset执行无输出问题求助

React Native 0.70.5 自定义字体链接问题(npx react-native-asset无输出)解决方法
  • 确认字体文件有效性
    • 检查./assets目录下是否存在.ttf/.otf格式的字体文件,文件名避免空格、中文或特殊字符,建议改为纯英文+数字的命名(如Roboto-Regular.ttf)。
  • 校验react-native.config.js配置
    • 确保文件位于项目根目录(与package.json同级),assets路径需精准指向字体所在目录。若字体放在./assets/fonts子目录,需将配置改为:
      module.exports = {
        project: { ios: {}, android: {} },
        assets: ['./assets/fonts'],
      };
      
  • 重新安装react-native-asset依赖
    • 卸载现有包:npm uninstall react-native-asset
    • 安装兼容RN 0.70.x的版本:npm install react-native-asset@2.1.1 --save-dev
  • 清理缓存后重试命令
    • 执行npx react-native start --reset-cache清除React Native缓存
    • 再次运行npx react-native-asset,此时若有错误会在命令行输出,便于排查
  • 手动链接备选方案
    • iOS:打开Xcode项目,将字体文件拖入Resources目录(勾选"Copy items if needed"),然后在Info.plist中添加Fonts provided by application数组,将所有字体文件名逐一加入。
    • Android:在android/app/src/main/assets下新建fonts文件夹,将字体文件放入其中,无需额外配置即可直接使用。
  • 验证字体生效
    • 在组件样式中指定字体:fontFamily: 'Roboto-Regular'(注意此处为字体内部的实际名称,可通过查看字体文件属性获取,并非一定等于文件名)

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.07 09:40:27