React提示不存在文件或目录但文件实际存在，重命名后错误消失是什么原因？

• 大小写不匹配问题：Windows、macOS系统默认文件名大小写不敏感，但React项目常用的Webpack、Vite等打包工具的模块解析规则默认大小写敏感。如果实际文件名大小写和导入语句里的拼写不一致（比如实际文件名为exportTableTransactions.js首字母小写，导入时写为ExportTableTransactions），系统资源管理器中能看到文件存在，但打包工具会判定文件不存在。重命名为ExportTableTransactions_test后，导入语句和文件名拼写完全匹配，报错自然消失。你可以在对应文件路径下执行dir（Windows cmd）或者ls（终端）查看实际文件名的大小写拼写验证该问题。
• 文件名存在不可见字符：如果文件名是从其他地方复制粘贴而来，可能会携带零宽空格、不间断空格等肉眼不可见的特殊字符，导致你看到的文件名和导入语句里的字符串实际并不一致。手动重命名输入ExportTableTransactions_test时会清除这些不可见字符，匹配就会恢复正常。
• Git 大小写配置问题：Git 默认开启core.ignorecase=true配置，如果你之前修改过该文件的大小写，Git 不会记录这次文件名变更，会导致本地文件和 Git 追踪的文件名存在大小写差异，打包工具读取文件时会触发找不到的错误。重命名为全新的文件名后，Git 会重新识别文件，问题就会解决。你可以执行git config core.ignorecase查看当前配置是否开启了大小写忽略。
• 打包工具缓存冲突：如果之前同路径下存在过同名文件，后续删除/移动后没有清理打包工具缓存，残留的旧路径映射会导致打包工具找不到新的同名文件。修改为全新文件名后，缓存中没有对应冲突记录，即可正常编译。这种情况也可以尝试删除node_modules/.cache目录后重新启动项目验证。

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