eslint抱怨typescript的路径别名

我在typescript的.tsconfig中设置了路径别名,因此我的导入看起来更干净

在我的代码中,当我尝试像这样导入我的接口时

从'@api'导入{ApiResponse};

eslint抱怨:无法解析模块'@api'的路径。
然而,vscode中的IntelliSense似乎还不错。它能够给出代码预测和“跳转到声明”,这是我的.tsconfig设置正确的线索,但eslint不知何故配置错误


相关文件

在我的tsconfig.json中,我设置了如下路径别名:

{
“编译器选项”:{
“moduleResolution”:“节点”,
“baseUrl”:“/src”,
“路径”:{
“@api”:[“/types/api”]
},
}
}

我的/src/types/api.ts如下所示:

//第三方API响应对象
导出接口ApiResponse{
....
}

最后,我的.eslintrc.json如下所示:

{
“环境”:{
“节点”:true
},
“全球”:{
“控制台”:正确
},
“插件”:[“@typescript eslint”,“prettier”],
“解析器”:“@typescript eslint/parser”,
“设置”:{
“导入/扩展”:[“.js”、“.ts”],
“导入/解析程序”:{
“@typescript eslint/parser”:[“.ts”]
},
“导入/解析程序”:{
“节点”:{
“扩展名”:[“.js”、“.ts”]
}
}
}
}

知道我做错了什么吗

要支持tsconfigbaseUrl路径,您需要包eslint导入解析器类型脚本

  1. 确保具备以下基本知识:
#安装基础
[email protected]/[email protected]/eslint插件
#支持tsconfig baseUrl和路径
npm i-D eslint插件导入eslint导入解析器类型脚本
  1. 然后在eslintrc中,在json中:
{
“设置”:{
“导入/解析程序”:{
“类型脚本”:{}
}
},
“解析器”:“@typescript eslint/parser”,
“解析选项”:{
“项目”:“/tsconfig.json”,
“tsConfigGrootDir”:“/”
},
“插件”:[
“@typescript eslint”,
“进口”
],
“扩展”:[
“插件:@typescript eslint/推荐”,
“插件:@typescript eslint/建议进行类型检查”
]
}

发表评论