import { navigate } from "sv-router/generated" in .svelte.ts files

[moritz4]

I'm following the documentation for programmatic navigation. And have put the following in a svelte.ts file:

import { navigate } from "sv-router/generated";

while this works when I run npm run dev, but results in a TS error in VS code:

Cannot find module 'sv-router/generated' or its corresponding type declarations.ts(2307)

Is there a way to fix this?

[colinlienard]

Did you follow the step about the tsconfig extending from the generated one in the docs?
https://sv-router.vercel.app/guide/file-based/setup

If you're using a aliases in your tsconfig, it will override the alias of the generated one, so you need to add it back:

"compilerOptions": {
	"paths": {
		// Your aliases
+ 		"sv-router/generated": [".router/router.ts"],
	}
}