No Babel config file detected for xxx(未检测到Babel配置文件)和Already included file name解决方案

已于 2022-11-03 11:40:12 修改
阅读量2k 收藏 8
点赞数 6
分类专栏： 笔记 文章标签： vue.js javascript 前端
于 2022-11-02 23:52:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46349935/article/details/127661783
版权

一.如何解决vue.config.js首行报错问题

报错如图所示
在这里插入图片描述

解决方法

在这里插入图片描述在package.json里面 找到
“parserOptions”: {
“parser”: “@babel/eslint-parser”
},
之后在图中箭头位置添加
“requireConfigFile” : false
即可
如果在其他界面仍有报错检查自己的插件 是否安装了ESLint 直接禁用或卸载就好

在这里插入图片描述

二.报错 Already included file name ‘文件路径‘

解决方法1

在App.vue中导入报错时 我们路径没错 但一直提示Already included file name 如何解决呢?

我们直接把***.vue去掉***即可解决报错
在这里插入图片描述

在这里插入图片描述

解决方法2

如果非要按带后缀名的方式写 例如./component/Goods.vue
就是检查一下你的Vscode是否安装了JavaScript(ES6)code snippets这个插件 禁止或卸载 可以从根本上解决报错问题
如果卸载之后还报错 那么再安装 Vue 2 Snippets插件就可以了 (切记 安装此插件前必须确保你之前把JavaScript(ES6)code snippets卸载或禁用了) 完成以上操作一定要重启vscode 一定要重启vscode 一定要重启vscode 重要事情说三遍!!!
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
看 这样就完美解决报错问题了 根本原因就是你安装了这个JavaScript(ES6)code snippets插件
或者说你没安装Vue 2 Snippets这个插件

^O^Come on
关注
  • 6
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
报错：Parsing error: No Babel config file detected...的解决方案
这个Bug怎么解啊？
12-02 1万+
报错：Parsing error: No Babel config file detected...的解决方案
babel-transform-config：使用Babel转换JS配置文件
01-30
babel-transform-config 如果您想以编程方式更新Nuxt或Next配置文件。 自述文件：wip 了解其作用的最简单方法： git clone https://github.com/hypervillain/babel-transform-config ; cd babel-transform-config && npm install ; node examples/nuxt.simple.js 这应该显示一些信息 :backhand_index_pointing_down: 1 /之前的代码： 从文件读取的实际nuxt.config.js文件。 就像是： export default { css : [ ] , modules : [ '@org/my-nuxt-module' ] , build : { webpack : { } } , } ; 2 /传递的参数： 传递给babel-transform-config 。 就像是： const args = { css : [ 'path/to/file' ] ,
【Vue】Parsing error: No Babel config file detected for ... vue
少莫千华
08-06 1356
在 `Babel 7.x` 新版本中，`Babel` 有一个 `"root"` 目录的概念， 默认为当前的工作目录文件夹。 对于项目范围的配置，`Babel` 将在根目录中自动搜索 `"babel.config.json"` 文件， 或使用了 支持的扩展名 的等效文件。 另外，用户可以使用显式的 `"configFile"` 值覆盖默认的配置文件搜索行为。
前端学习（2049）vue之电商管理系统电商系统之实现路由懒加载
歌谣的博客
08-24 198
import Vue from 'vue' import VueRouter from 'vue-router' // import Login from '../components/Login.vue' // import Home from '../components/Home.vue' // import Welcome from '../components/Welcome.vue' // import Users from '../components/user/User...
Parsing error: No Babel config file detected for xxx Either disable config file checking...报错解决方法
weixin_45832482的博客
10-13 1万+
eslint根据eslint配置文件的parserOption，知道了要使用babel对代码进行解析，但是解析babel需要使用babel配置文件，由于找不到配置文件（babel配置文件默认需要放在根目录下），所以会报错。
vue引入组件路径报错“Already included file name ”
m0_63477273的博客
02-20 8456
vue进入组件时组件路径报错，报错信息Already included file name。
Parsing error: No Babel config file detected for XXXXX
道阻且长，行则将至。
06-01 2508
有人说的解决方法就是配置requireConfigFile:false，本质上就是告诉eslint,不用给我查找这个配置文件了，但是我又继续查了资料，看到有博主说，这样只是从表面上的确可以解决这个报错，但是你在babel配置文件里写的东西也就失效了。后面我又查了其他资料解决了这个报错。false，本质上是告诉eslint，不用查找这个配置文件了，虽然表面上可以解决这个报错，但是在babel配置文件里写的东西也就失效了。
Already included file name
热门推荐
qq_41654729的博客
06-12 1万+
Already included file name ‘c:/Users/Administrator/Desktop/test/src/components/detailList.vue’ differs from file name ‘c:/Users/Administrator/Desktop/test/src/components/detaillist.vue’ only in casing. The file is in the program because: Imported via ‘…/c
Parsing error: No Babel config file detected for 。。
kjl536566的博客
05-09 587
原文链接：https://blog.csdn.net/weixin_51551506/article/details/127821830。在package.json文件下找到"parserOptions"，添加："requireConfigFile" : false即可。错误提示：Parsing error: No Babel config file detected for。vue文件第一行有波浪线提示，虽然项目能正常运行，但看着不舒服。
VUE-Cli报No Babel config file detected错误的一系列解决方法
m0_62570630的博客
02-25 6644
使用Vue-cli创建项目时的一些报错
babel-file-loader：将文件加载到内存中，以使用BabylonBabel进行解析和遍历
01-31
使用/ Babel将文件加载到内存中以进行分析和遍历 import { loadImportSync } from 'babel-file-loader' ; export function plugin ( ) { return { visitor : { ImportDefaultDeclaration ( path ) { let file = ...
让 babel webpack vue 配置文件支持智能提示的方法
01-19
让 babel webpack vue 配置文件支持智能提示，下面给大家介绍的非常详细，一起看看吧   如果非脚手架搭建的项目，往往需要手动配置 babel webpack。 每次都要打开官网，复制黏贴，然后一个一个配置。 如果配置也能...
babel之配置文件.babelrc入门详解
08-28
本篇文章主要介绍了babel之配置文件.babelrc入门详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue2.X中引入element-ui，发现没有.babelrc文件如何解决？
鸭绒的博客
10-19 7427
别再找.babelrc文件了，直接修改babel.config.js文件。 1.引入element-ui： npm i element-ui -S 2.引入插件： npm install babel-plugin-component -D 3.修改babel.config.js文件： module.exports = { presets: ["@vue/app"], plugins:[ [ "component", { "libraryName":
[前端bug词典]Already included file name ‘文件路径‘
belloc_li的博客
04-13 6746
vsCode中写vue项目出现的已包含文件名报错问题
Vue 报错： Already included file name ‘××ב differs from file name ‘××ב only in casing.但引入路径是正确的
weixin_42343966的博客
10-11 5126
vue提示Already included file name '.../components/TagsView.vue' differs from file name。明明引入的文件名和地址都是正确的，但是还是报错误。把文件名的后缀vue去掉。把路径前面的点改成@
Already included file name XXXX的解决方案
qq_52477159的博客
12-20 1410
Already included file name '组件的路径' differs from file name '组件的路径' only in casing.今天在公司里写代码的时候发现一个.vue文件名称写错了，改完名之后一直报错，但是不影响正常使用，错误信息如下。解决方案：解决方案只要在vscode中按下ctrl+shift+p，然后搜索重新加载即可。Imported via "组件的路径" from file '组件的路径'经过排查之后发现这个问题是因为改了组件名称的原因。
新建vue项目首行报错Parsing error: No Babel config file detected
wang_xuan_1992的博客
12-02 7896
vue文件首行报错 Parsing error: No Babel config file detected 解决办法
vite+ts+mock+vue-router+pinia实现vue的路由权限
最新发布
beekim的博客
05-20 341
vite.config.ts配置。
no babel config file detected for
03-16
这是一个关于Babel的错误信息，它表示在当前项目中没有检测到Babel配置文件。 Babel是一个JavaScript编译器，用于将新版本的JavaScript代码转换为旧版本的代码，以便在旧的浏览器中运行。要使用Babel，您需要在项目...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值