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