React+Express项目搭建babel-loader报Unknown option: .presents错误如何解决

问题根因 #

报错由Babel配置的两处拼写错误导致，和你已安装的依赖包版本、编辑器状态无关，所以之前重装依赖、重启VS Code的操作没有效果：

• Babel预设配置的标准字段名为presets，你写成了presents，导致Babel无法识别该配置项
• 你已经安装的预设包名称为@babel/preset-env、@babel/preset-react，配置中错误写为@babel/present-env、@babel/present-react

修复方法 #

将你的.babelrc文件全量替换为以下内容：

{
    "presets":[
       ["@babel/preset-env", {
        "targets": {
            "node":"current"
        }
       }],
       "@babel/preset-react"
    ]
}

修改保存后重新执行npm run dev启动开发服务即可正常编译。

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