Cannot find module [...] or its corresponding type declarations (js2307) when importing from "$lib" with SvelteKit

Question

Using the latest SvelteKit (1.0.0-next.401) I have a problem importing components from lib using the $lib syntax. I get an error and a red squiggly line (even though the import and web app works fine).

The error message is as follows:

Cannot find module '$lib/components/shared/header.svelte' or its corresponding type declarations. js(2307)

If a use a relative path, the error disappears.

Answer 1

This is how I usually solve these errors:

• Run npm run check to help the compiler figure out where things are.
• If it doesn't work reload the code editor can help
• If all the above fails then try npm run build

Answer 2

I was getting this error in VS Code. After closing and reopening VS Code the error is gone.