React Native CLI报无法解析模块'./core/theming' 引入AppBar组件问题

报错原因说明 #

该报错通常由react-native-paper依赖安装不完整、缓存污染、版本不匹配或未正确配置Provider导致，按以下步骤依次排查即可解决：

• 第一步：清理缓存与重装依赖
  依次执行以下命令清理旧的依赖与缓存：

  # 删除旧依赖与锁文件
  rm -rf node_modules package-lock.json yarn.lock
  # 重新安装依赖
  npm install
  # 清理Metro打包缓存后重启服务
  npx react-native start --reset-cache
  

• 第二步：校验react-native-paper版本
  你项目中指定的是react-native-paper@4.x版本，若误安装了5.x重构版本会因为目录结构变更找不到对应模块，可执行以下命令锁定安装指定版本：

  npm install react-native-paper@4.10.1
  

• 第三步：正确配置PaperProvider
  react-native-paper要求必须在应用入口全局包裹Provider组件才能正常读取主题配置，修改你的入口文件（通常是App.js）如下：

  import React from 'react';
  import { Provider as PaperProvider } from 'react-native-paper';
  import Home from './Home'; // 替换为你的入口页面组件
  
  export default function App() {
    return (
      <PaperProvider>
        <Home />
      </PaperProvider>
    );
  }
  

• 第四步：处理图标依赖与平台配置
  react-native-paper依赖react-native-vector-icons，iOS平台需要额外执行Pod安装：

  cd ios && pod install && cd ..
  

  完成后重新编译项目即可。

• 第五步：排查依赖冲突
  你当前项目同时安装了react-navigation@4.x和@react-navigation/native@6.x两个版本的导航库，依赖冲突也可能触发模块解析失败，若不需要使用旧版导航可卸载后重试：

  npm uninstall react-navigation
  

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