报错:Parsing error: No Babel config file detected for E:\前端学习资料\9.vue基础\class\day03\02-源代码\01-component\vue.config.js. Either disable config file checking with requireConfigFile: false, or configure Babel so that it can find the config files. 报错方法解决

vue.config.js文件或babel.config.js文件或src中APP.vue开头有红色波浪线

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aaiDIcXI-1669948434555)(C:\Users\28132\AppData\Roaming\Typora\typora-user-images\1669947781497.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yZQvGgIi-1669948434556)(C:\Users\28132\AppData\Roaming\Typora\typora-user-images\1669947677835.png)]

自己找到的第一种解决方法: 只用VScode打开项目文件就可以解决,找到你的项目文件,拖拽到VScode上打开就行了(把项目文件作为根目录)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oowJqOcL-1669948434556)(C:\Users\28132\AppData\Roaming\Typora\typora-user-images\1669947934552.png)]

第二种解决方法:不需要第一种方式的操作,直接禁用ESLint插件

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wSt8UpzO-1669948434557)(C:\Users\28132\AppData\Roaming\Typora\typora-user-images\1669948196009.png)]

ESLint 是一个代码检查工具,用来检查你的代码是否符合指定的规范(例如: = 的前后必须有一个空格)。


百度后看到其他博主的解释是:babel的配置文件默认是在根目录进行查找的,而我编辑器打开的目录不是我现在运行项目的目录,所以给出报错。所以我的第一种方式能解决这个问题。
babel官网有说:babel配置文件默认需要放在根目录下。eslint根据eslint配置文件的 parserOptions ,知道了要使用babel对代码进行解析,但是解析babel需要使用到babel配置文件,由于找不到配置文件,就会报错。
另外聪明的网友想出了一个办法,就是配置requireConfigFile:false,本质上告诉eslint,不用给我查找这个配置文件了,因为我不需要它,所以从表面上的确可以解决这个报错,但是你在babel配置文件里写的东西自然也就失效了。(所以不建议这种方式)
干错利落的方式直接禁用eslint的检查,也就是方法二。
综上,虽然eslint报错,项目还是可以运行的原因的本质是:编辑器与终端实际是两个分离的东西,我项目运行无误是因为我在终端切换到了正确的目录,而编辑器报错是因为,我打开的目录和我实际运行的项目不在同一个目录
参考博客链接

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐