vue3-cli创建项目后每个文件的第一行都爆红，或者每个文建都 : No Babel config file detected for...

已于 2023-09-05 08:54:09 修改
阅读量1.8k 收藏 4
点赞数 2
文章标签： vue.js 前端 javascript vue3
于 2022-06-21 10:47:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lzfengquan/article/details/125386727
版权

Parsing error: No Babel config file detected for D:\mySelf\myProject\vue3\demo_vue3.0.eslintrc.js. Either disable config file checking with requireConfigFile: false, or configure Babel so that it can find the config files.

意思是说：没有检测到Babel配置文件，
要么用requireConfigFile: false禁用配置文件检查，要么配置Babel以便它可以找到配置文件。

在这里插入图片描述
打开了多个文件，每个文件都会在第一行报，看着难受，
解决
当我们创建完文件后会自动生成一个 .eslintre.js文件，只需要把把下边的代码赋值过去就好了。
requireConfigFile: false,最重要的就是这个

 parserOptions: {
    parser: "@babel/eslint-parser",
    requireConfigFile: false, 
  },

完美解决，亲测有效
在这里插入图片描述

小刘先生很努力
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
基于vue中解决v-for使用报红并出现警告的问题
08-27
下面小编就为大家分享一篇基于vue中解决v-for使用报红并出现警告的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue项目首行报红（ ESLint 配置）和新建的vue文件首行报红问题
夏日漱石的博客
09-01 2203
解决vue项目首行报红（ ESLint 配置）和新建的vue文件首行报红问题
报错：Parsing error: No Babel config file detected...的解决方案
热门推荐
这个Bug怎么解啊？
12-02 1万+
报错：Parsing error: No Babel config file detected...的解决方案
vue3+ts引入文件爆红问题
weixin_66582617的博客
02-20 1131
爆红问题，那么在tsconfig.json文件中，将moduleResolution：的值更改为node。解决完后，有可能引入ts文件还会存在爆红问题，当出现爆红的时候如引入的routers.ts爆红，最简单的解决办法就是将后缀的.ts给删除掉。如果觉得删除掉.ts影响感官，那可以查看自己的开发工具是否下载了Vetur插件，如果下载了将他禁用，下载新的插件。安装完成后，将开发工具重新启动，一般就可以解决掉引入爆红问题，如果还没有解决，自求多福，我也没遇到过。在vite-env.d.ts文件中添加以下代码。
vue3 vite 引入路由后代码报红解决方法
逆风优雅的博客
06-01 1213
如图：正常引入页面路由，路径也是正确的，但是路径有报红。原因是：当前指明路径正则有问题的文件是。
vue3 解决使用vscode开发工具编辑vue3项目时代码一直标红
DarlingYL的博客
03-29 3808
vue3 解决使用vscode开发工具编辑vue3项目时代码一直标红
（vue3 ）代码突然爆红错误，但是项目可正常运行
qq_56456071的博客
08-11 8259
vue3 代码突然爆红错误，但是项目可正常运行
Parsing error: No Babel config file detected for 。。
kjl536566的博客
05-09 571
原文链接：https://blog.csdn.net/weixin_51551506/article/details/127821830。在package.json文件下找到"parserOptions"，添加："requireConfigFile" : false即可。错误提示：Parsing error: No Babel config file detected for。vue文件第一行有波浪线提示，虽然项目能正常运行，但看着不舒服。
Parsing error: No Babel config file detected for
mantou_riji的博客
07-23 2915
vue-cli创建vue项目报错ParsingerrorNoBabelconfigfiledetectedfor。在package.json文件的parserOptions中添加。
vue cli :No Babel config file detected for
sam80000的博客
05-16 3324
电脑奔溃，重做了系统。使用之前的vue代码运行后出现错误. Babel 报错 Babel可以把使用ES6/ES7等“高级”语法编写的Javascript代码转换为ES5/ES3的“通俗”语法（也可以把JSX语法转为Javascript）。 eslint-parser 而 parser 的作用是将我们写的代码转换为 ESTree，ESLint 会对 ESTree 进行校验。 No Babel config file detected for xxxxxxxxxx Either disable config
Parsing error: No Babel config file detected for XXXXX
道阻且长，行则将至。
06-01 2462
有人说的解决方法就是配置requireConfigFile:false，本质上就是告诉eslint,不用给我查找这个配置文件了，但是我又继续查了资料，看到有博主说，这样只是从表面上的确可以解决这个报错，但是你在babel配置文件里写的东西也就失效了。后面我又查了其他资料解决了这个报错。false，本质上是告诉eslint，不用查找这个配置文件了，虽然表面上可以解决这个报错，但是在babel配置文件里写的东西也就失效了。
vue-cli3-template：基于Vue-cli3建造的脚手架项目模板
01-31
项目介绍 基于Vue-cli3建造的前端开发脚手架项目模板，主要包括以下内容：Webpack4.x性能调优配置，Vue.js全家桶，移动端vw适应，单元测试等功能，可以参考，欢迎大家围观指教！ 项目特点 特征 巴别塔 VueRouter 威克斯 CSS预编译工具：更少 HTTP库：Axios 代码规范：eslint airbnb规范 业务代码和第三方库区分打包：DllPlugin 删除冗余代码：UglifyJsPlugin 开启Gizp压缩：compression-webpack-plugin 配置约会公共样式文件 使用别名简化路径 vw移动端适应 文件结构可视化：webpack-bundle-analyzer 安装及快速开始 # 克隆项目 $ git clone https://github.com/liangfengbo/vue-cli3-template # 进入目录 $ cd vue-cli3-template # 安装依赖包 $ yarn install # 启动项目 $ yarn serve # eslint 检测 $ yarn lint # eslint 修复
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
01-21
1.在vue项目根目录下新建vue.config.js（不是在src下面） vue.config.js配置文件： module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: true, // use the full build with in-browser compiler? // https://vuejs.org/v2/guide/installation.html#Runtim
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：https://github.com/Aleczhang1992/my-vue-project/tree/dev 一、步骤 1.要求已安装Node.js (>=4.x, 6.x preferred) and Git. 可以设置cnpm可以提升依赖包下载速度： npm install -g cnpm --registry=https://registry.npm.taobao.or
Vue-cli3项目配置Vue.config.js实战记录
10-18
主要给大家介绍了关于Vue-cli3项目配置Vue.config.js的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-cli-plugin-component-创建组件的Vue CLI 3插件-Vue.js开发
05-27
vue-cli项目的vue-cli-plugin-component组件插件│README.md│LICENSE（可选）└───src│├──index.js│└───components│vue-cli-plugin-component组件vue-cli项目的插件│README.md│LICENSE（可选）└─...
vue-cli4-config：vue-cli4配置vue.config.js持续更新
02-06
不建议直接拉取此项目作为模板，希望能按照此教程按需配置，或者复制vue.config.js增删配置，并自行安装所需的依赖项。 vue-cli3配置见。其他系列★★ 目录 :check_mark_button:配置多环境变量通过在package.json里...
三、VUE数据代理
D_A_I_H_A_O的博客
04-29 560
Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读/写）
前端Vue 后端FastApi 跨域 CORS
最新发布
weixin_44656422的博客
05-06 126
前端是localhost:3000,后端是localhost:8000 ，就是跨域了。
Parsing error: No Babel config file detected for C:\Users\31205\Desktop\前端\Vue\vue-text\babel.config.js.
04-11
这个错误提示是由Babel解析器引起的，它表示在指定的路径下找不到Babel的配置文件（babel.config.js）。Babel是一个用于将新版本的JavaScript代码转换为向后兼容版本的工具。 要解决这个问题，你可以按照以下步骤进行操作： 1. 确保你已经在项目的根目录下创建了一个名为babel.config.js的文件。如果没有，请创建一个新文件，并确保文件名拼写正确。 2. 在babel.config.js文件中，你需要配置Babel的插件和预设。你可以根据你的项目需求选择合适的插件和预设。以下是一个示例配置文件： ```javascript module.exports = { presets: [ '@babel/preset-env', '@babel/preset-react' ], plugins: [ '@babel/plugin-proposal-class-properties', '@babel/plugin-transform-runtime' ] }; ``` 3. 保存并关闭babel.config.js文件。 如果你已经按照上述步骤进行操作，但仍然遇到问题，请确保你已经正确安装了Babel及其相关插件和预设。你可以使用npm或yarn来安装它们。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值