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'], };
- 确保文件位于项目根目录(与package.json同级),assets路径需精准指向字体所在目录。若字体放在
- 重新安装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文件夹,将字体文件放入其中,无需额外配置即可直接使用。
- iOS:打开Xcode项目,将字体文件拖入
- 验证字体生效
- 在组件样式中指定字体:
fontFamily: 'Roboto-Regular'(注意此处为字体内部的实际名称,可通过查看字体文件属性获取,并非一定等于文件名)
- 在组件样式中指定字体:
内容的提问来源于stack exchange,提问作者Mostafa Mones
相关产品推荐
相关产品推荐

