记录一次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'
解决方法:
- 用xcode打开项目根目录下ios文件中的xxx.xcodeproj文件。
- 打开Info.plist文件,找到Fonts provided by application 这一项。
将项目中使用的字体图标类型加到Fonts provided by application 下。
也可以直接在源码中进行添加(效果一样):
然后npm run ios运行项目,图标成功展示在底部tabbar。
完~