执行npx react-native link react-native-vector-icons报link命令未识别
报错原因
react-native link是React Native 0.60版本之前提供的原生依赖手动链接命令,0.60及以上正式版本已经默认内置*Autolinking(自动链接)*能力,官方直接移除了link命令,你参考的文档中link相关指引是适配0.60以下旧版本RN的,在新版本项目中执行就会触发该报错,和你使用Git Bash、PowerShell还是Windows命令提示符没有关系。
解决步骤
- 第一步:先确保图标依赖已经正确安装到项目,在项目根目录执行对应安装命令:
npm用户执行:npm install react-native-vector-icons
yarn用户执行:yarn add react-native-vector-icons - 第二步:按运行平台完成对应配置
- iOS平台:进入项目下的
ios目录,执行pod install拉取关联原生依赖,执行完成后回到项目根目录,正常执行react-native run-ios启动即可,不需要额外手动链接操作。 - Android平台:打开项目路径下的
android/app/build.gradle文件,在文件末尾追加以下配置,让构建时自动打包字体资源:
保存文件后,清理项目构建缓存,执行apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"react-native run-android重新打包即可。
- iOS平台:进入项目下的
- 如果你使用的是Expo托管的React Native项目,不需要做上述原生配置,直接执行
npx expo install @expo/vector-icons安装Expo适配版本的图标库即可正常使用。
注意:如果配置完成后还是出现图标加载异常,先删除node_modules重新安装依赖,再清理对应平台的构建缓存后重新打包即可。
内容的提问来源于stack exchange,提问作者MegaMindTheCoder
相关产品推荐
相关产品推荐

