Question

所以我在我的webpack配置中使用了别名，我有关于eslint等的no-extraneous-dependencies警告。

所以我安装了eslint-plugin-import和eslint-import-resolver-alias并配置了我的.eslintrc文件，如下所示：

{
  "parser": "babel-eslint",
  "extends": "airbnb",
  "env": {
    "browser": true,
    "es6": true,
    "node": true,
    "jest": true
  },
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "defaultParams": true
    }
  },
  "rules": {
    "react/jsx-filename-extension": 0,
    "react/sort-comp": 0,
    "linebreak-style": 0,
    "prefer-arrow-callback": 0,
    "consistent-return": 0,
    "func-names": 0,
  },
  "settings": {
    "import/resolver": {
      "alias": [
        // I have my actions folder in ./shared/actions
        ["Actions", "./shared/actions"]
      ]
    }
  }
}

我的linter无法使用此settings个选项。我错过了什么？

Answer 1

问题必须与您的相对路径

有关

"./shared/actions"

尝试将其更改为

"../shared/actions"

如果这不起作用，请尝试绝对路径并从那里开始。

基本上，根目录/当前工作目录不是您认为的那个......

Answer 2

我的 Es lint 配置在根目录中。检查代码从 root/.github

运行

因此，当我将别名从 ./... 更改为 ../... 时，控制台检查工作正常，但随后 VSC 无法正常工作。

同时满足控制台和 VS 代码的解决方案可能是什么？

ESLint - 别名设置

2 个答案: