Búsqueda de sitios web

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!

Artículos relacionados