使用Create React App创建的项目默认单元测试无法运行求助

问题分析 #

用Create React App（CRA）创建的项目自带Jest和React Testing Library的默认配置，手动创建babel.config.js会覆盖CRA的内置Babel配置，反而导致JSX语法无法被正确解析，出现你遇到的Support for the experimental syntax 'jsx' isn't currently enabled错误。

解决方案 #

按以下步骤操作：

• 删除项目根目录下手动创建的babel.config.js文件
• 检查是否存在.babelrc或.babelrc.json等其他自定义Babel配置文件，如有也一并删除
• 清除Jest缓存：

  npm test -- --clearCache
  # 或使用yarn
  yarn test --clearCache
  

• 重新运行测试：

  npm test
  # 或
  yarn test
  

额外说明 #

如果确实需要自定义Babel配置，不要直接创建Babel配置文件，而是使用craco或react-app-rewired这类工具来扩展CRA的默认配置，避免破坏内置的测试环境支持。

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