ESlint IDE 未在兄弟目录中格式化

问题描述

我觉得我一定在这里遗漏了一些非常简单的东西,但是对于我所有的搜索和翻阅文档,我找不到解决这个问题的方法

我有一个继承的文件结构(目前无法更改),如下所示:

- Folder 1
  -Web Files Folder
- Folder 2 (root)
  - .eslintrc.js

文件夹 1 和文件夹 2 是彼此的兄弟,我的主要 js、jsx、ts 和 tsx 集设置在 Web Files Folder 中,而我的 eslint 和 webpack 配置、package.json 和入口点文件是尽在Folder 2

我似乎无法让 IDE(在本例中为 VS Code)有效地整理 Web Files Folder 中的文件。我尝试了很多东西,其中最新的尝试在我的 .eslintrc.js 文件中使用覆盖来指向相关目录:

module.exports = {
    env: {
        browser: true,es6: true,jest: true,jquery: true,node: true
    },extends: [
        'eslint:recommended','eslint-config-prettier','plugin:@typescript-eslint/recommended','plugin:react/recommended','plugin:jsx-a11y/recommended','prettier','prettier/@typescript-eslint'
    ],parser: '@typescript-eslint/parser',parserOptions: {
        jsx: true,ecmaVersion: 2020
    },plugins: ['@typescript-eslint','react','jsx-a11y','jest'],root: true,rules: {
        'array-callback-return': 0,'consistent-return': 0,...
    },settings: {
        'import/resolver': {
            node: {
                extensions: ['.js','.jsx','.ts','.tsx']
            }
        },react: {
            version: 'detect'
        }
    }
    overrides: [
      {
        files: ['../Folder 1/Web Files Folder/*.js','../Folder 1/Web Files Folder/*.jsx','../Folder 1/Web Files Folder/*.ts','../Folder 1/Web Files Folder/*.tsx']
      },]
};

这会导致 Eslint 控制台中的错误Invalid override pattern (expected relative path not containing '..')

然而,我尝试过的一切都不起作用。我不担心构建中的 linting,只会让错误出现在 IDE 中并在保存时解决(如果我将文件放在 Folder 2 中,这将完美地工作)

如果可能,我正在寻找一种可以在我的 eslintrc.js 文件中使用的解决方案,而不是对 IDE 中的设置进行任何更改。类似的东西

project: ['./**/*','../Folder 1/Web Files Folder/**/*']

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)