reactjs - eslint + jsconfig + nextjs 模块路径别名(绝对路径导入 - @)

Question

我正在尝试使用 nextjs documentation 之后的自定义别名导入文件.
我目前的做法是
从

import Header from '../../../components/Header';

到

import Header from '@components/Header';

我得到了预期的结果。但是 eslint 抛出以下错误:

无法解析模块路径(eslint - 导入/没有未解析)

我尝试在我的 eslintrc 文件中添加以下行来解决错误

    settings: {
    'import/resolver': {
      node: {
        paths: ['src'],
      },
    },
  },

但是 eslint 仍然会抛出同样的错误。
解决这个问题的正确方法是什么？
提前致谢...
注意:我不想删除 eslint，我需要 @components 导入别名

Answer 1

最后在深入研究了许多 GitHub 答案等之后......
在您的 eslintrc 文件中...添加以下别名

    settings: {
    'import/resolver': {
      alias: {
        map: [
          ['@components', '../../../components/'],
          ['@images', '../../../assets/images/'],
        ],
        extensions: ['.js', '.jsx'],
      },
    },
  },

并修复流量错误
在您的 flowconfig 文件中添加 name_mapper

module.name_mapper='^@components' ->'<PROJECT_ROOT>/../../../components'
module.name_mapper='^@images' ->'<PROJECT_ROOT>/../../../assets/images'