Expo 矢量图标，字体未加载

Question

自从升级到 Expo 34 后出现与 Expo/vector-icons 有关的以下错误。

fontFamily "FontAwesome" is not a system font and has not been loaded through Font.loadAsync.

If you intended to use a system font, make sure you typed the name correctly and that it is supported by your device operating system.

If this is a custom font, be sure to load it with Font.loadAsync.

我试过用

手动加载App.js中的字体

Font.loadAsync({FontAwesome: require("../node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome.ttf")})

但是没有效果。我已经将 expo-font 更新到最新版本，清除了 node_modules 和 package-lock，并重建了项目。

有什么线索吗？

Answer 1

不是修复而是解决方法，因为我遇到了同样的问题但找不到解决方案。

尝试更改

import Font from 'expo-font';

到

import {Font} from 'expo';

编辑：看起来我遇到的问题可能 fix，尝试更新到 expo@34.0.3 和 expo-font@6.0.1

Answer 2

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

并从“@expo/vector-icon”导入 * 作为 FontAwesome；

Answer 3

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

Expo 矢量图标，字体未加载

Expo vector-icons, font not loading

react-native

expo

react-native-vector-icons