React Native引入Header组件报错：Module not found问题求助

遇到这个500错误，大概率是文件路径、命名或者缓存的问题，你可以按下面的步骤逐一排查：

• 核对文件路径与命名
  首先确认你的项目目录结构是不是符合预期：

  项目根目录
  ├── App.js
  └── components
      └── Header.js
  

  另外要注意文件名的大小写——在macOS/Linux系统中，React Native是区分大小写的，比如header.js和Header.js会被视为不同文件，确保你的导入语句里的文件名和实际文件名完全一致。

• 检查导入与导出语句
  你的Header组件用的是默认导出，App.js里的import Header from './components/Header';写法是没问题的，但如果Header.js里不小心用了命名导出（比如export const Header = ...），那你需要改成import { Header } from './components/Header';，不过看你的代码，这一步应该可以快速排除问题。

• 清除React Native缓存
  有时候缓存会导致模块识别异常，你可以执行下面的命令清除缓存并重启开发服务器：

  # 普通React Native项目
  npx react-native start --reset-cache
  # 如果是Expo项目
  expo start -c
  

• 确认文件未被意外忽略
  检查项目根目录下的.gitignore或者其他配置文件，有没有错误地把components目录或者Header.js排除在外，不过这种情况比较少见，可作为最后排查项。

如果上面的步骤都试过还是不行，可以再仔细检查下是否有拼写错误，比如components写成了component（少了末尾的s），或者Header的拼写失误。

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