Resolve import to declared module?

[pikeas]

SvelteKit has various imports of the form:

import {foo} from "$app/bar"

Everything under $app/* is defined in node_modules/@sveltejs/kit/types/ambient-modules.d.ts:

declare module '$app/env' {
    ...
}

How can I configure eslint-plugin-import so that it resolves $app/* to these definitions? Typescript resolution works, so I'm not sure why ESLint is unable to resolve them.

Related: #1509

[sebastianrothe]

We do have the same problem.

[ljharb]

If it’s configured in tsconfig, then the typescript resolver should resolve it.

If not, then you’d need some kind of svelte resolver.

[sebastianrothe]

If it’s configured in tsconfig, then the typescript resolver should resolve it.

If not, then you’d need some kind of svelte resolver.

Oh, I see. The paths are configured somewhere else.

I added these to my eslint rules for now:

rules: {
        "import/no-unresolved": [
            "error",
            {
                ignore: ["\\$app.*$", "\\$service-worker.*$"],
            },
        ],
    },

[JounQin]

I suppose you did not use https://github.com/import-js/eslint-import-resolver-typescript