React Native Expo矢量图标,字体未加载

of1yzvn4  于 2022-12-04  发布在  React
关注(0)|答案(5)|浏览(148)

升级到Expo 34后,出现以下与Expo/矢量图标相关的错误。
字体系列“FontAwesome”不是系统字体,尚未通过Font. loadAsync加载。

  • 如果要使用系统字体,请确保键入的名称正确,并且设备操作系统支持该字体。
  • 如果这是自定义字体,请确保使用Font. loadAsync加载它。

我已经尝试在App.js中手动加载字体
Font.loadAsync({FontAwesome: require("../node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome.ttf")})
但是没有效果。我已经将expo字体更新到最新版本,清除了node_modules和package-lock,并重建了项目。
有线索吗?

rn0zuynd

rn0zuynd1#

  • 删除您的package-lock.json
  • 删除您的.expo
  • 执行npm i
  • 运行应用程序

import * as FontAwesome from "@expo/vector-icon";之间的关系

mrfwxfqh

mrfwxfqh2#

expo doctor --fix-dependencies修复了它。

smtd7mpg

smtd7mpg3#

我将expo-font包更新为警告中显示的版本,它对我很有效。

b4wnujal

b4wnujal4#

不是一个修复,而是一个变通方案,因为我有同样的问题,无法找到解决方案。
试试换

import Font from 'expo-font';

import {Font} from 'expo';

编辑:看起来可能有一个修复我遇到的问题,尝试更新到expo@34.0.3和expo-font@6.0.1

weylhg0b

weylhg0b5#

试试这个...

  1. rm yarn.lockrm package.json.lock
  2. rm -rf ./.expo
  3. yarn installnpm install
  4. npx expo start-c //清除该高速缓存
    您已完成!

相关问题