Typescript: Cannot find module '$app/env' or its corresponding type declarations

Describe the bug Typescript can’t resolve anything in $app (env, stores, etc).

To Reproduce Happening with latest create-svelte.

Looks like this can be fixed by editing global.d.ts to include:

// / <reference types="svelte" />

This was previously in the template and was removed without comment, so I’m not sure whether there are unintended consequences to adding it back.

[ignatiusmb]

You shouldn’t need to reference anything inside node_modules directly, I took a quick look of the repo and saw you have an invalid global.d.ts containing these lines

declare module '**/*.svelte';
/// <reference types="@sveltejs/kit" />

Triple-slash directives are only valid at the top of their containing file. https://www.typescriptlang.org/docs/handbook/triple-slash-directives.html

Please make sure to always test these bugs with the latest skeleton starter, we should only need this line for everything to work out-of-the-box

https://github.com/sveltejs/kit/blob/7fab7f67a4643715586693cf01fd4d43f54671d0/packages/create-svelte/templates/skeleton/src/global.d.ts#L1

[sorenabedi]

Describe the bug Typescript can’t resolve anything in $app (env, stores, etc).

I am having a similar problem with $app/ etc. build and dev scripts are not affected but svelte check fails …

My workaround for $app/* path (svelte-check and IDE hits)

add ./node_modules/@sveltejs/kit/types/ambient-modules.d.ts to the include array in tsconfig.json e.g:

{
	"compilerOptions": {
		//compilerOptions ...
	},
	"include": [
		"./node_modules/@sveltejs/kit/types/ambient-modules.d.ts",
		"src/**/*.d.ts",
		"src/**/*.js",
		"src/**/*.ts",
		"src/**/*.svelte"
	]
}