Reactjs eslint+；jsconfig+；nextjs模块路径别名（绝对路径导入-@）

我正在尝试使用以下自定义别名导入文件

我目前的做法是

从

到

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

• 无法解析模块的路径（eslint-导入/无未解析）

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

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

但eslint仍然抛出相同的错误

解决这个问题的正确方法是什么

先谢谢你

---

注意：我不想删除eslint，我需要@components导入别名，您可以尝试在

tsconfig.json

/

jsconfig.json

中添加自定义路径，如下所示：

• 在

  编译器选项中添加
  baseUrl
  （在我的例子中是
  “baseUrl”：“
  ）

• 在

  路径

  对象中添加路径：

---

最后，在深入挖掘大量GitHub答案等之后

在您的eslintrc文件中。。。添加以下别名

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

并且还可以修复流错误 在flowconfig文件中添加名称\u mapper

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

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

您还需要安装

npm i-D eslint导入解析程序typescript

，然后将以下内容添加到eslint配置文件：

"settings": {
    "import/resolver": {
      "typescript": {} // this loads <rootdir>/tsconfig.json to eslint
    },
}

“设置”：{
“导入/解析程序”：{
“typescript”：{}//这会将/tsconfig.json加载到eslint
},
}

你好，谢谢。是的，我也在这样做。但我面临的是eslint错误。如何修复lint错误

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

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

"settings": {
    "import/resolver": {
      "typescript": {} // this loads <rootdir>/tsconfig.json to eslint
    },
}