React Native导入自定义组件报Unable to resolve module错误求助

问题原因 #

• 核心问题是导入路径和实际文件名大小写不匹配：React Native 依赖的 Metro 打包器对文件路径大小写严格敏感，你在 App.js 中导入的路径是 ./Components/Search，但实际自定义组件的文件名为小写的 search.js，打包器无法识别匹配。
• 次要排查点：需确认 Components 文件夹和 App.js 处于同一目录层级，若文件夹位置放错也会触发路径找不到报错。

解决方案 #

两种方案二选一即可，更推荐第二种，符合 React 组件大驼峰命名的通用规范：

1. 修改导入语句匹配现有文件名
   把 App.js 中的导入行替换为：

   import Search from './Components/search';
   

2. 修改组件文件名匹配导入语句
   直接把自定义组件的文件名从 search.js 重命名为 Search.js。

修改完成后需要清空打包缓存重启项目，避免旧缓存导致的报错残留：

• 普通 React Native 项目执行：npx react-native start --reset-cache
• CRNA/Expo 项目执行：npx expo start --clear

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