react-native 从Window迁移到Mac ‘react-native-vector-icons’ 报错处理

705 阅读1分钟

记录一次react-native 从Window迁移到Mac上 ‘react-native-vector-icons’报错处理。

问题1:尝试从Window将项目迁移到Mac上运行,项目在初次编译的时报错:

error React Native CLI uses autolinking for native dependencies, but the following modules are linked manually: 


原因是在react-native 0.60版本前,在下载‘react-native-vector-icons’依赖后,需要手动link‘react-native link react-native-vector-icons’  链接原生库而在0.60版本后react-native实现了autolink 。

       所以要先在终端运行‘react-native unlink react-native-vector-icons’,解除先前的链接。然后再‘npm run ios’运行项目。

npx react-native unlink react-native-vector-icons && npm run ios 


问题2:通过上一步unlink后编译运行在模拟器中发现报错

Unrecognized font family 'FontAwesome'


解决方法:

  1. 用xcode打开项目根目录下ios文件中的xxx.xcodeproj文件。
  2. 打开Info.plist文件,找到Fonts provided by application 这一项。
  3. 将项目中使用的字体图标类型加到Fonts provided by application 下。

    也可以直接在源码中进行添加(效果一样):


  4. 然后npm run ios运行项目,图标成功展示在底部tabbar。


完~