当 IDE 未在 Vue 项目根目录打开时出现“解析错误：未检测到 babel 配置文件”

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.

原文由 djkato 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

要访问 settings.json 文件，请单击 Ctrl+, 或从文件 > 首选项 > 设置，然后在搜索栏中键入 eslint，在选项 _中的 settings.json 中找到编辑_。

原文由 Eslam Gohar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

有两种方法可以解决此问题，它对我 100% 有效。

我正在使用 react.js。但我成功地解决了这个问题。我认为此解决方案会对您有所帮助。

我尝试过将 requireConfigFile 设置为 false 或创建某种 Babel 配置，在 .eslintrc.js 中，在 .babelrc 配置文件中), 以及 package.json 中的“babel”，全部无效。

方法 1 - 将此代码添加到 .eslintrc.js

.eslintrc.js

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

方法2 - 安装这个包 @babel/core

 npm i --save-dev @babel/core

.babelrc

 {
    "presets": ["@babel/preset-env", "@babel/preset-react"],
    "plugins": ["@babel/plugin-proposal-optional-chaining"]
}

原文由 Najathi 发布，翻译遵循 CC BY-SA 4.0 许可协议