Reactjs Babel无法从导出默认值，即使启用

在我的React应用程序中，我在编译过程中遇到以下错误：

Support for the experimental syntax 'exportDefaultFrom' isn't currently enabled:
1 | export default from './CustomIcon'
  |

我已经安装了两个babel软件包，但没有任何帮助。这是我的

包的一部分。json

：

...
  "devDependencies": {
    "@babel/plugin-proposal-export-default-from": "^7.12.1",
    "@babel/plugin-syntax-export-default-from": "^7.12.1",
    "@babel/plugin-syntax-jsx": "^7.12.1",
    "@babel/preset-react": "^7.12.7",
    "babel-cli": "^6.26.0",
    "babel-core": "^6.26.3",
...

这是我的

babel.config.json

文件的内容：

{
    "presets": ["@babel/preset-react"],
    "plugins": [
        "@babel/plugin-syntax-jsx",
        "@babel/plugin-proposal-export-default-from"
    ]
}

---

我做错了什么？为什么我的巴别塔配置被忽略？我还需要执行其他步骤吗？

在使用

create react app（CRA）

的情况下，您不能像那样简单地添加

babel.config.js

，因为它已被

CRA

包装

但我们可以通过使用包

react-app-rewired

来实现这一点，该包能够修改

CRA

的配置

以下是您将遵循的几个步骤：

• 安装deps:

• 在根目录下添加配置文件

  config overrides.js

  ：

const{useBabelRc，override}=require（'customize-cra'）；
module.exports=覆盖(
使用LRC（），
);

• 通过切换到

  包中的
  react app rewired
  来测试脚本。json

  ：

{
“开始”：“react应用程序重新布线开始”//Replace`react脚本`
“构建”：“react应用程序重新布线构建”，
“测试”：“反应应用程序重新布线测试”，
}

---

就这样

似乎您将新的配置/预设/插件（v7）与旧的cli/core（v6）混合在一起，这可能是问题所在：我应该修改代码的哪些部分以及如何修改？您是否使用了

create react app

来生成项目？是的，我确实使用了它。实际上，您关于混合babel v6和v7的第一条评论是正确的。我只需要将所有v7预设和插件转换为v6，它就开始工作了。非常感谢。

yarn add -D react-app-rewired customize-cra