React Native使用vector icons时执行link命令报错“unknown command 'link'”怎么办？

原因分析 #

• React Native 0.60及以上版本彻底移除了react-native link命令，官方推出Autolinking自动链接机制替代手动链接，旧命令直接失效。
• 你之前能成功执行该命令，说明当时使用的是0.60以下的RN版本，后续可能升级了RN、更换了项目环境，导致命令不再兼容。
• 少数情况是全局RN CLI版本与项目本地CLI版本不匹配，比如全局CLI为高版本，本地项目仍用低版本RN，引发命令识别错误。

解决方法 #

情况1：项目使用RN 0.60+版本（主流场景） #

方案1：依赖Autolinking自动配置

react-native-vector-icons完全支持Autolinking，只需完成以下步骤：

1. 安装依赖：

   npm install react-native-vector-icons --save
   # 或使用yarn
   yarn add react-native-vector-icons
   

2. iOS端补充配置：进入项目ios目录执行pod安装

   cd ios && pod install && cd ..
   

3. Android端无需额外操作，Autolinking会自动完成字体和库的链接。

方案2：手动配置（Autolinking失效时备用）

• iOS端：
  1. 打开Xcode，将node_modules/react-native-vector-icons/Fonts下的所有字体文件拖入项目的Resources文件夹，勾选"Copy items if needed"。
  2. 在项目的Info.plist中添加字体声明：

     <key>UIAppFonts</key>
     <array>
       <string>AntDesign.ttf</string>
       <string>Entypo.ttf</string>
       <string>EvilIcons.ttf</string>
       <string>Feather.ttf</string>
       <string>FontAwesome.ttf</string>
       <string>FontAwesome5_Brands.ttf</string>
       <string>FontAwesome5_Regular.ttf</string>
       <string>FontAwesome5_Solid.ttf</string>
       <string>Foundation.ttf</string>
       <string>Ionicons.ttf</string>
       <string>MaterialIcons.ttf</string>
       <string>MaterialCommunityIcons.ttf</string>
       <string>SimpleLineIcons.ttf</string>
       <string>Octicons.ttf</string>
       <string>Zocial.ttf</string>
     </array>
     

• Android端：
  1. 创建android/app/src/main/assets/fonts目录（不存在则手动新建），将node_modules/react-native-vector-icons/Fonts下的所有字体文件复制进去。
  2. 在android/app/build.gradle中添加一行配置：

     apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
     

情况2：项目使用RN 0.60以下版本 #

1. 检查当前RN版本：

   react-native --version
   

2. 安装与项目RN版本匹配的全局CLI：

   npm install -g react-native-cli@<对应RN版本的CLI版本号>
   

3. 重新执行链接命令：

   react-native link react-native-vector-icons
   

内容的提问来源于stack exchange，提问作者Md Mahir