Reactjs 语法错误：支持实验语法'；jsx&x27；isn'；t当前在react js中启用

我正在尝试使用npm start commamnd运行我的react应用程序，并安装了@babel/preset react和@babel/plugin语法jsx。但是我运行这个react应用程序时出现以下错误

当前未启用对实验语法“jsx”的支持（7:9）：

6 | const PostCodeLookup=props=>{
>7 |返回
|         ^
8 |
9 | };

将@babel/preset react（）添加到babel配置的“预设”部分以启用转换。 如果您想保持原样，请将@babel/plugin syntax jsx（）添加到“plugins”部分以启用解析。

• 你能告诉我你的应用程序是从哪里启动的吗？（创建React应用程序或类似的东西？）
• 另外，您需要有一个包含这些内容的

  .babelrc

  或

  babel.config.js（on）

  文件，仅仅安装这些包是不起作用的

下面举例说明您的

babel.config.json

应该是什么样子。请删除下面示例中的任何额外插件，以防您使用它

{
“预设”：[
[
“@babel/preset env”，
{
“模块”：错误，
“目标”：{
“节点”：“当前”
}
}
],
“@babel/预设反应”
],
“环境”：{
“测试”：{
“预设”：[
“@babel/preset env”，
“@babel/预设反应”
],
“插件”：[
[
“@babel/插件建议类属性”，
{
“规格”：正确
}
]
]
}
},
“插件”：[
[
“@babel/插件建议类属性”，
{
“规格”：正确
}
],
“@babel/plugin提案对象剩余分布”
]
}

我创建了babel.config.js文件并添加了上述内容，但面临着相同的问题。您能否详细介绍一下克隆或引导项目的来源？另外，我希望您从创建的

babel.config.js

文件中导出默认值。

   6 | const PostCodeLookup = props => {
>  7 |  return <PostcodeLookup {...props} />
     |         ^
   8 |
   9 | };