如何在 eslint 新平面配置中提供导入别名？

Question

如何在新的 Flat

eslint

配置中提供别名列表？我尝试过以下方法：

export default [
  ...
  {
    settings: {
      "import/resolver": {
        alias: {
          extensions: ['.js', '.ts', '.tsx'],
          map: [
            ['components', './packages/some-package/src/components']
          ],
        },
      },
    },
  }
  ...
];

也尝试过使用

eslint-import-resolver-webpack

，因为我正在使用

webpack

"import/resolver": {
  webpack: {
    config: './packages/some-package/webpack.config.dev.js'
  }
}

它仍然用

import/no-unresolved

突出显示任何内容

Answer 1

由于您使用的是平面配置，因此您可能具有如下结构：

export default [
  {
    ignores: [ /* ... */ ],
    ...compat.extends( /* ... */ ),
    {
      plugins: { /* ... */ },
      settings: {
        'import/resolver': {
          alias: {
            map: [
              ['@components', './src/components'],
              ['@pages', './src/pages'],
            ],
            extensions: ['.ts', '.tsx', '.js', '.jsx'],
      // other code

来源：我实际上问过ChatGPT，因为我在互联网上也找不到任何东西，但这个解决方案确实对我有用。