2

我刚开始使用 React Native 0.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 的建议，错误已修复，但遇到了新错误：

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

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

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

4

2 回答 2

1

我不确定你有什么版本的矢量图标，但你能检查一下这个链接是否有效:)？'@expo/vector-icons/website/src/fonts/Ionicons.ttf';

于 2019-07-15T16:25:59.793 回答
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" />;
  }
}
于 2019-07-15T16:33:59.857 回答