【react】解决babel-preset-react-app报错

文章讲述了在配置babel-preset-react-app时遇到的错误,指出必须设置NODE_ENV或BABEL_ENV环境变量。方式一介绍了关闭和开启不同环境编译的后果,可能影响到开发时的警告和props检验。方式二涉及删除eslintConfig来改变生产环境检查。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

报错:
Using babel-preset-react-app requires that you specify NODE_ENV or BABEL_ENV environment variables. Valid values are “development”, “test”, and “production”. Instead, received: undefined.
方式一:

  • 弊端:开发时,一些报错、警告会受影响,如props检验警告,不能再控制台打印;
// package.json 
"babel": {
    "presets": [
      [
        "babel-preset-react-app",//关闭使用开发环境
        false
      ],
      [
        "babel-preset-react-app/prod",//开启使用生产环境编译
        {
          "runtime": "automatic"// 可以不用单独在组件中引入React
        }
      ]
    ]
  }

方式二:直接删除eslintConfig

// package.json 
-  "eslintConfig": {
-    "extends": [
-      "react-app/prod",//开启生产环境检查
-      "react-app/jest"
-    ]
-  },
// "browserslist":{
 "babel": {
  "presets": [
    [
      "babel-preset-react-app"
    ]
  ]
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值