import.meta.env and Typescript

[davemccrea]

I'm using Snowpack 3.0.11 with Svelte and getting type errors when calling import.meta.env. @snowpack/plugin-dotenv is version 2.0.5.

error TS2339: Property 'SNOWPACK_PUBLIC_IMAGES_URL' does not exist on type '{ MODE: string; SNOWPACK_PUBLIC_API_URL: string; }'.

Do I modify/extend the ImportMeta type? Or does this error suggest something wrong in my config?

[openscript]

Can you post your snowpack config? It's a bit strange because SNOWPACK_PUBLIC_API_URL seems to be there.

[davemccrea]

Solved by doing the following:

declare global {
    interface ImportMeta {
        hot: {
            accept: Function;
            dispose: Function;
        };
        env: {
            MODE: string;
            SNOWPACK_PUBLIC_API_URL: string;
            SNOWPACK_PUBLIC_IMAGES_URL: string;
        };
    }
}

[julia-francais]

Where did you add your declaration ?

[ghost]

Thanks , it's helpful for me

[arda-]

@julia-francais Where did you add your declaration ?

in src/index.ts:

//... *snip*

// Hot Module Replacement (HMR) - Remove this snippet to remove HMR.
// Learn more: https://www.snowpack.dev/#hot-module-replacement
if (import.meta.hot) {
	import.meta.hot.accept();
	import.meta.hot.dispose(() => {
		app.$destroy();
	});
}

//Type override for HMR so TS doesn't complain
declare global {
	interface ImportMeta {
		hot: {
			accept: Function;
			dispose: Function;
		};
		// <<<<<<<<<<<<<<<< INSERT THE DEFINITION HERE!
	}
}

so, ImportMeta interface should look something like:

    interface ImportMeta {
        hot: {
            accept: Function;
            dispose: Function;
        };
        env: {
            MODE: string;
            SNOWPACK_PUBLIC_NEW_ENV_VARIABLE: string;
            SNOWPACK_PUBLIC_ANOTHER_NEW_ENV_VARIABLE: string;
        };
    }