创建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 代码提示错误。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐