当前未启用对实验性语法 'jsx' 的支持 |使用 react + webpack

如何解决当前未启用对实验性语法 'jsx' 的支持 |使用 react + webpack

我正在编码并且我的程序运行良好，但我不知道为什么现在出现这个错误，但昨天没有，我已经有了这个“DropzoneComponent”

这里是te错误：

const pushIcon = (i) => {
> 129 |       return <Icon filetype={config.iconFiletypes[i]} key={'icon-component' + i} />
      |              ^
  130 |     }
  131 |
  132 |     if (config.showFiletypeIcon && config.iconFiletypes && (!files || files.length < 1)) {

这就是错误的含义：

语法错误：SyntaxError：/home/proit/Documentos/Projetos/ServiceDesk/Frontend/src/components/ReactDropzoneComponent/src/react-dropzone.js：目前未启用对实验性语法“jsx”的支持 (129 :14):

将@babel/preset-react (https://git.io/JfeDR) 添加到 Babel 配置的“预设”部分以启用转换。 如果您想保持原样，请将@babel/plugin-Syntax-jsx (https://git.io/vb4yA) 添加到“插件”部分以启用解析。

我已经尝试将 babel 预设反应添加到我的 .babelrc

我的 .babelrc：

{
    "presets": [
        "@babel/preset-env","@babel/preset-react"
    ],"plugins": [
        "@babel/plugin-Syntax-jsx","react-hot-loader/babel",[
            "@babel/plugin-proposal-class-properties",{
                "loose": true
            }
        ]
    ]
}