react-native-charts-wrapper报错：UIManager中未找到RNPieChart

这个报错本质是原生组件未成功注册到RN的UIManager，以下是针对iOS和Android的分步排查修复方案：

通用前置操作 #

• 彻底重装依赖：

  npm uninstall react-native-charts-wrapper && npm install react-native-charts-wrapper
  # 使用yarn的话：
  yarn remove react-native-charts-wrapper && yarn add react-native-charts-wrapper
  

• 重置RN缓存，避免缓存引发的异常：

  npx react-native start --reset-cache
  

iOS 平台修复步骤 #

1. 进入项目ios目录，清理Pod缓存后重新安装依赖：

   pod deintegrate && pod install
   

2. 打开Xcode，执行Product > Clean Build Folder清理编译缓存，之后重新编译运行项目。
3. 检查Xcode项目配置：确认Libraries目录下存在RNCharts.xcodeproj，若没有则手动将node_modules/react-native-charts-wrapper/ios/RNCharts.xcodeproj拖入；再检查Build Phases > Link Binary With Libraries中是否包含libRNCharts.a，缺失则手动添加。

Android 平台修复步骤 #

1. 检查android/settings.gradle文件，确保包含以下配置：

   include ':react-native-charts-wrapper'
   project(':react-native-charts-wrapper').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-charts-wrapper/android')
   

2. 检查android/app/build.gradle的dependencies块，确认存在：

   implementation project(':react-native-charts-wrapper')
   

3. 进入android目录，清理编译缓存：

   ./gradlew clean
   

4. 若仍有问题，检查MainApplication.java：
   • 添加导入：import com.github.wuxudong.rncharts.RNChartsPackage;
   • 在getPackages()方法中注册：new RNChartsPackage()

额外排查点 #

• 核对RN版本与react-native-charts-wrapper版本的兼容性，可查看库的README文档确认支持范围。
• 检查代码中组件导入是否正确：必须是import { PieChart } from 'react-native-charts-wrapper'，避免写错组件名或路径。

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