vue cli :No Babel config file detected for

原创已于 2022-08-11 10:26:49 修改 · 3.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

于 2022-05-16 17:25:50 首次发布

Vue问题记录专栏收录该内容

3 篇文章

订阅专栏

在重装系统后，电脑中的Vue项目运行时遇到Babel配置错误。Babel用于将ES6/ES7代码转换为ES5，而parser如eslint-parser则将代码转化为ESTree进行校验。错误提示指出未检测到Babel配置文件。解决方案是在eslintrc.js配置文件中添加parser选项，设置`@babel/eslint-parser`并关闭配置文件检查。示例配置显示了如何设置`requireConfigFile`为`true`，同时提供了其他相关选项的配置。

电脑奔溃，重做了系统。使用之前的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 file checking with requireConfigFile: false, or configure Babel so that it can find the config files."
告诉你关闭配置 requireConfigFile :false

方法一

解决办法：目前只会这一个
在eslintrc.js 配置文件中添加设置

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

在这里插入图片描述

module.exports = {
  parser: "@babel/eslint-parser",
  parserOptions: {
    requireConfigFile: true, // 是否需要 babel 配置文件
    sourceType: "module", // script 或者 module
    allowImportExportEverywhere: false, // 设置为 true，import 和 export 声明 可以出现在文件的任务位置，否则只能出现在顶部
    ecmaFeatures: {
      globalReturn: false, // 设置为 true，当 sourceType 为 script 时，允许全局 return
    },
    babelOptions: {
      configFile: "path/to/config.js", // babel 的配置文件，可以不传
    },
  },
};