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

Question

我刚开始使用 React Native 0.57.1 和 expo 2.21.2 在启动期间使用 a boilerplate code that attempts to load a font命令 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 });
}

这给出了一个错误

Unable to resolve "@expo/vector-icons/fonts/Ionicons.ttf" from "src/boot/setup.js"

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

为什么会这样，我们该如何解决这个问题？谢谢！

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

The Expo SDK requires Expo to run. It appears the native Expo modules are unavailable and this code is not running on Expo.

这是来自运行 Expo 开发模式下的 RN 应用程序，通过局域网连接，在实际 iPhone.

上使用 iOS Expo 客户端

新的 expo init 项目没有出现此类错误

Answer 1

我不确定你的 vector-icons 是哪个版本，但你能检查一下这个 link 是否有效:)？ '@expo/vector-icons/website/src/fonts/Ionicons.ttf';

Answer 2

不需要像那样加载图标库就可以在 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" />;
  }
}

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

Native-React + Expo: Unable to resolve "@expo/vector-icons/fonts/Ionicons.ttf" from "src/boot/setup.js"

javascript

reactjs

ionicons

react-native

expo