Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` environment varia

创建react-create-app项目之后,执行npm run eject打开项目配置,然后就出现上面的报错。

直接运行项目倒是没有什么问题,但是vscode这个报错看着就特别不舒服。网上百度直接修改node_modules里面的文件,然后重新打开项目倒是也可以解决,但是肯定不能这么干。

解决办法:

方法1 直接删除package.json里面的babel配置。

方法2 直接删除package.json里面的eslintConfig配置。

eslintConfig继承react-app也就是eslint-config-react-app(以eslint-config开头的安装包,例如eslint-config-react-app可以省略前面的eslint-config)。

查看node_modules下面eslint-config-react-app配置

查看base.js

用到了@babel/eslint-parser

评论区说:

直接在根目录添加.babelrc就完美解决, 内容为:

{
    "presets": ["@babel/preset-react", ["@babel/preset-env"]],
    "plugins": ["@babel/plugin-transform-runtime"]
}

这个我也没试过,总之这个问题就是babel和eslint配置问题,有空再去更新

//TODO。。。。。 

上面错误应该是eslint检测babel-preset-react-app/index.js 代码提示错误。

  • 14
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值