React Native v0.71.8使用react-native-vector-icons遇图标不显示及编译报错求助

错误原因 #

Unsupported class file major version 64 是因为你使用的OpenJDK 20（对应版本号64）和React Native 0.71.8依赖的Gradle版本不兼容。RN 0.71.x系列默认的Gradle工具链只支持Java 11或17，不支持Java 20，导致编译时无法处理高版本的类文件。

解决步骤 #

1. 降级Java版本到17或11 #

• 若使用SDKMAN管理Java环境，执行以下命令切换到17版本：

  sdk install java 17.0.8-tem
  sdk use java 17.0.8-tem
  

• 若手动管理，直接下载Adoptium或Oracle的OpenJDK 17/11版本，配置系统环境变量JAVA_HOME指向该版本的安装目录，并确保PATH中优先包含该版本的bin目录。

2. 验证Java版本切换成功 #

在终端执行以下命令，确认输出版本为17.x.x或11.x.x：

java -version
javac -version

3. 确认react-native-vector-icons配置正确 #

你在android/app/build.gradle中添加的apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"配置本身没有问题，无需修改。

4. 清理缓存并重新编译 #

• 清理Android构建缓存：

  cd android
  ./gradlew clean
  cd ..
  

• 重置Metro缓存并重新运行项目：

  npx react-native start --reset-cache
  npx react-native run-android
  

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