My params are not being inferred correctly in +page.server.ts

[logic-and-math]

Hi all, just starting with svelte kit.
Based on this blog post https://svelte.dev/blog/zero-config-type-safety and the docs in the VSCode setup I shouldn't have to provide type hints.

Now if my +page.server.ts load function doesnt have params it works perfectly (on the +page.svelte the response is typed). But if I add params I get the following error: Binding element 'params' implicitly has an 'any' type.ts(7031)Binding element 'params' implicitly has an 'any' type.ts(7031) error

Here is the screenshot with my setup and both +page.svelte and +page.server.ts functions side by side:

I have tried rerunning svelte-kit sync and npm run build but it doesnt solve the issue.

Anybody have an idea what is wrong ? Thank you !

[LeeWxx]

@logic-and-math I ran into the same issue on a fresh SvelteKit + TS project. tsc (and VS Code when it falls back to its built-in TS service) doesn’t seem to pick up the generated $types. That means when you destructure { params } in +page.server.ts, it shows up as any and throws TS7031, even though svelte-check reports no problems.

From what I can tell, this happens because VS Code is using the bundled TypeScript instead of the workspace version that has the @sveltejs/ts-plugin.

What fixed it for me:

1. In VS Code, run TypeScript: Select TypeScript Version and choose Use Workspace Version.
2. Then restart the TS server (TypeScript: Restart TS server) or just reload the window.

After switching, the language service picked up the Svelte plugin correctly and the red underline went away.

If it still doesn’t clear up, make sure the Svelte extension is up to date and check that your tsconfig.json has the plugin entry:

"plugins": [{ "name": "@sveltejs/ts-plugin" }]

[logic-and-math]

@LeeWxx Thank you for answering !
I couldnt find those commands in the command palette but I did find the version selection in the bottom right:

I have selected the project one

I have also checked my tsconfig.json and it didn't have that line so I added it.

Unfortunately it is still not inferring params, but as in my original post it does infer the data ($props) correctly without importing types.

[logic-and-math]

Cancel that, got a pop up that svelte plugin now has support for TS and pressed enable and it works now !