"Parsing error: No babel config file detected" when IDE not open at Vue projects root directory

Question

我遇到了一个问题，在 VS Code 中，当创建 Vue 项目但未在 Vue 项目的根目录中打开时，babel.config.js 不会加载并且 IDE 会感到困惑至于 babel 配置在哪里。

我的所有文件在任何 javascript/vue 文件读取的第一个字符上都显示错误 No Babel config file detected for [#]... or configure babel so that it can find the config files.

Answer 1

https://babeljs.io/docs/en/config-files Babel 希望您的配置文件位于根级别，因此为了 un-confuse 您的 IDE 您需要为 VSCodes 扩展创建一个 eslint 设置。在 vscode-eslint 设置下切换到顶部选项卡上的工作区，然后滚动到：

Eslint：选项

eslint 选项对象提供的参数通常在从命令行执行时传递给 eslint（请参阅 https://eslint.org/docs/developer-guide/nodejs-api#eslint-class）。

在 settings.json 中编辑<-单击那个

Vs 代码将创建一个 .vscode/ 文件夹，其中创建了一个 settings.json 文件。添加这一行：

{
    "eslint.options": {
        "configFile": "\ABSOLUTE\PATH\TO\YOUR\PROJECT\VUE_PROJECT\babel.config.js"
    }
}

这将告诉 IDE 做什么。

Answer 2

将块添加到 settings.json 将解决此问题：

"eslint.workingDirectories": [
        {"mode": "auto"}
 ],

要访问 settings.json 文件，请单击 Ctrl+, 或从文件 > 首选项 > 设置，然后在搜索栏输入eslint，找到Edit in settings.json in Options.

Answer 3

我在修改 package.json 中的一些脚本设置时得到了这个。不确定我犯了什么错误：我只是撤消了这个文件中的所有输入，然后一切又开始了。

"Parsing error: No babel config file detected" when IDE not open at Vue projects root directory

"Parsing error: No babel config file detected" when IDE not open at Vue projects root directory

javascript

vue.js

babeljs

eslint