React项目中函数import仅测试文件生效 其他文件导入失败问题咨询

导入失败的核心原因排查 #

• 导入类型与导出规则不匹配
  如果目标函数是具名导出（定义代码为export const yourFunction = () => {}），必须使用带大括号的具名导入写法：import { yourFunction } from '目标文件路径'；如果是默认导出（定义代码为export default yourFunction），才可以用无大括号的默认导入写法。你测试文件的导入写法和导出规则一致所以运行正常，另一个文件大概率是混用了两种导入规则。
• 相对路径计算错误
  不同文件的目录层级不同，相对路径需要对应调整。比如测试文件和目标导出文件在同一目录下，用./xxx即可正常访问，但如果报错文件处于其他目录，就需要按照层级修改路径，比如../xxx/目标文件。另外部分操作系统对路径大小写敏感，路径里的文件名、目录名大小写和实际不匹配也会导致导入失败。
• 导出文件本身存在异常
  如果目标导出文件存在未修复的语法错误、运行时报错，也会导致其他文件导入时触发异常，可单独检查目标文件的导出逻辑是否正常。

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