svelte-intellij
svelte-intellij copied to clipboard
Generated types dir is not recognized in Svelte compoenents
When trying to use generated types for the load
function in SvelteKit, as such:
<script context="module" lang="ts">
import type { Load } from "./__types/index";
</script>
I get the following error:
my tsconfig.json
is the standard one from the template:
Details
{
"extends": "./.svelte-kit/tsconfig.json",
"compilerOptions": {
"allowJs": true,
"checkJs": true,
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true,
"resolveJsonModule": true,
"skipLibCheck": true,
"sourceMap": true,
"strict": true
}
}
And the generated types work as expected in regular typescript files.
(Note: the aliases declared in SvelteKit's generated tsconfig.json
work just fine. It's just the generated typedefs themselves which don't work)
Now that https://github.com/sveltejs/kit/pull/5778 is merged, all page data is now typed with these generated props, which makes this very vital to have. Could this please be implemented soon?
For now, a possible hack is to specify the full URL, but this just looks extremely fugly:
<script lang="ts">
import type { PageData } from ".svelte-kit/types/src/routes/$types";
</script>
What exactly is the error you are getting / what is wrong? I don't see anything red in the screenshot.
the __types
directory is red. Here's a screenshot from the new $types
file:
~I can't reproduce this given the instructions. Please provide a proper minimum reproducible.~ scratch that, I didn't realize we are in the svelte-intellij repository, which I have no control over, sry 😢
Migrating to YouTrack... Kind of an old issue, it works in 2023.1/2023.2.