Native-React + Expo：无法解析"src/boot/setup.js" "@expo/vector-icons/fonts/Ionicons.ttf"

Question

我刚刚开始使用 React Native0.57.1和expo 2.21.2，使用样板代码尝试在启动期间使用命令加载字体npm start或expo start：

import * as Expo from "expo";
....
async componentWillMount() {
await Expo.Font.loadAsync({
Ionicons: require("@expo/vector-icons/fonts/Ionicons.ttf"),
});
this.setState({ isReady: true });
}

这给出了一个错误

无法从"src/boot/setup.js解析"@expo/vector-icons/fonts/Ionicons.ttf">

尝试 #1：npm install --save @expo/vector-icons.但是，这样做并不能解决错误。

为什么会发生这种情况，我们如何解决这个问题？谢谢！

---

更新：根据mialnika和Carlos Abraham的建议，错误已修复，但遇到了一个新错误：

世博会 SDK 要求世博会才能运行。本机 Expo 模块似乎不可用，并且此代码未在 Expo 上运行。

这是在世博会的开发模式下运行RN应用程序，通过局域网连接，在实际的iPhone上使用iOS Expo客户端。

新expo init项目中不会出现此类错误

Answer 1

没有必要像那样加载 Icon 库就可以在 expo 中使用 Ionicons，只需安装软件包并像这样使用它：

import React, { Component } from 'react';
import { Ionicons } from '@expo/vector-icons';
export default class IconExample extends Component {
render() {
return <Ionicons name="md-checkmark-circle" size={32} color="green" />;
}
}

Answer 2

我不确定您拥有哪个版本的矢量图标，但您可以检查此链接是否:)有效吗？ '@expo/vector-icons/website/src/fonts/Ionicons.ttf';