配置AVAjs与React时遇babel-preset-react导出错误求助

我来帮你搞定这个AVA和React配置的问题——你碰到的babel-preset-react/lib/index.js未导出函数错误，主要是因为Babel预设版本不兼容或者AVA配置里的语法/配置逻辑错误导致的，下面是一步步的修复方案：

1. 确保安装了正确的Babel React预设 #

首先，Babel 7+版本已经不再使用旧的babel-preset-react包，而是改用带@babel前缀的官方包。先检查并安装正确的依赖：

npm install --save-dev @babel/preset-react

如果之前装过旧的babel-preset-react，可以卸载它避免冲突：

npm uninstall babel-preset-react

2. 修正AVA配置中的语法和逻辑错误 #

你的package.json里的AVA配置有两处明显问题：一是Babel配置里重复嵌套了testOptions，二是预设部分被截断（"@bab..."）。下面是修正后的完整配置：

"ava": {
  "files": [
    "test/**/*.spec.js"
  ],
  "sources": [
    "**/*.{js,jsx}",
    "!dist/**/*"
  ],
  "concurrency": 4,
  "failFast": true,
  "failWithoutAssertions": false,
  "tap": true,
  "compileEnhancements": false,
  "require": [
    "@babel/register",
    "@babel/polyfill"
  ],
  "babel": {
    "testOptions": {
      "babelrc": false,
      "presets": [
        ["@babel/preset-env", { "targets": { "node": "current" } }],
        "@babel/preset-react"
      ]
    }
  }
}

几点关键修正说明：

• 移除了require里的@babel/core：@babel/register已经依赖它，不需要单独声明
• 删掉了重复嵌套的testOptions层级：原来的配置里错误地在testOptions里又套了一层testOptions
• 补全了React预设为@babel/preset-react，替换掉你配置里截断的部分

3. 验证Babel依赖版本兼容性 #

确保所有Babel相关依赖都是7.x版本，避免新旧版本混用。检查package.json里的这些依赖：

• @babel/preset-env
• @babel/preset-react
• @babel/register
• @babel/polyfill（如果用的是Babel 7.4+，这个包已被废弃，可以改用core-js@3和regenerator-runtime/runtime，不过暂时用旧包也能正常工作）

4. 测试配置是否生效 #

运行你的AVA测试命令，比如：

npx ava

如果配置正确，之前的错误应该就会消失了。

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