typescript - VSCode la importación automática no reconoce alias de eslint/rutas de resolución de webpack/tsconfig
Tengo un módulo de node para el cual quiero crear un alias.
Tengo las siguientes configuraciones:
// tsconfig.json
{
"compilerOptions": {
...
"allowJs": true,
"module": "commonjs",
"target": "es6",
"jsx": "react",
"esModuleInterop": true,
"experimentalDecorators": true,
"baseUrl": "./",
"moduleResolution": "node",
"paths": {
"@my-lib/*": [
"node_modules/my-lib/src/Components/*"
]
}
},
"exclude": ["node_modules"]
}
// webpack.config.js
resolve: {
extensions: ['.js', '.jsx', '.tsx', '.ts'],
alias: {
'@my-lib': path.resolve(
'./node_modules/my-lib/src/Components'
),
}
},
// eslintrc.json
"settings": {
"import/parsers": {
"@typescript-eslint/parser": [".ts", ".tsx"]
},
"import/resolver": {
"typescript": {},
"alias": {
"map": [
[
"@my-lib",
"./node_modules/my-lib/src/Components"
]
],
"extensions": [".js", ".jsx", ".ts", ".tsx"]
}
}
Pero al importar un módulo de my-lib, la importación automática de VSCode lo resuelve a: my-lib/src/Components/...
Otra configuración que tengo es: "typescript.preferences.importModuleSpecifier": "relative", (aunque también he probado auto y no relativo)
Probé prácticamente todas las combinaciones de baseUrl y paths.
¡Agradezco cualquier ayuda!