Reference to `./$types` does not work in .svelte files but works in .ts files about svelte-intellij HOT 6 CLOSED

These files are generated automatically on the .svelte-kit/types folder as part of the npm lifecycle. I believe you can force them to be generated using npx svelte-kit sync (docs). I believe this may solve your issue.

However, after they are generated, I'm getting another issue on svelte files when trying to import ./$types - Cannot resolve file '$types'

It is working on VSCode, and it is also working when the import is on a Typescript file. The error only shows on the script tag of svelte files when running WebStorm

from svelte-intellij.

Seems this is unrelated to the plugin, but a Webstorm issue.

from svelte-intellij.

https://youtrack.jetbrains.com/issue/WEB-57119/rootDirs-specified-in-tsconfigjson-not-respected-when-resolving-imports-in-svelte-files

from svelte-intellij.

I'll adapt this issue, I was indeed making a mistake myself. However, I am having the same issue as you, with ./$types unknown.

One to investigate, I am also having some issues with duplicate code. But that was fixed by marking the .svelte-kit folder excluded.

from svelte-intellij.

I was facing similar issues. I changed my tsconfig.json to include files from root dir. That seems to have fixed the import of ./$types. However, in +page.svelte file, while it correctly imports PageData type, data variable still stays untyped.

Here's the screenshot of my setup.

from svelte-intellij.

@martinbeentjes do you know if there is a separate issue we can follow for the underlying Jetbrains / Webstorm problem here?

from svelte-intellij.