Typescript "Cannot find module" but works?

kane81

Hi,

I get import errors for my sveltekit project, but it all compiles and works?...
see https://pasteboard.co/JY7Uxslh49R1.png

here is my tsconfig.json file


{
	"extends": "./.svelte-kit/tsconfig.json",
	"compilerOptions": {
		"allowJs": true,
		"checkJs": true,
		"esModuleInterop": true,
		"forceConsistentCasingInFileNames": true,
		"resolveJsonModule": true,
		"skipLibCheck": true,
		"sourceMap": true,
		"strict": true,
		"moduleResolution": "bundler",
		"emitDecoratorMetadata": true,
		"experimentalDecorators": true,
	}
	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
	//
	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
	// from the referenced tsconfig.json - TypeScript does not merge them in
}

Thank you

tasha

Hello kane81,

Please check this answere to the similar question: https://forum.svar.dev/d/54-starting-with-sveltekit-no-components-found

kane81

Hi,

// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
	// from the referenced tsconfig.json - TypeScript does not merge them in

so I did this

but this breaks import references using $

ie: $app/state $lib/

now say cannot find module...

kane81

ok I tried this and it fixes the $app and $lib but wx-* are still getting module not found.... I added the *.js

{ "extends": "./.svelte-kit/tsconfig.json", "compilerOptions": { "allowJs": true, "checkJs": true, "esModuleInterop": true, "forceConsistentCasingInFileNames": true, "resolveJsonModule": true, "skipLibCheck": true, "sourceMap": true, "strict": true, "moduleResolution": "bundler", "emitDecoratorMetadata": true, "experimentalDecorators": true }, "include": [ "./.svelte-kit/ambient.d.ts", "./.svelte-kit/non-ambient.d.ts", "./.svelte-kit/./types/**/$types.d.ts", "./.svelte-kit/../vite.config.js", "./.svelte-kit/../vite.config.ts", "./.svelte-kit/../src/**/*.js", "./.svelte-kit/../src/**/*.ts", "./.svelte-kit/../src/**/*.svelte", "./.svelte-kit/../tests/**/*.js", "./.svelte-kit/../tests/**/*.ts", "./.svelte-kit/../tests/**/*.svelte", "./*.js" ] // Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias // except $lib which is handled by https://svelte.dev/docs/kit/configuration#files // // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes // from the referenced tsconfig.json - TypeScript does not merge them in }

tasha

This error occures because you use typescript (<script lang="ts">). But for now Svelte Grid is not typed.

kane81

ahh ok - thank you