Property 'env' does not exist on type 'importMeta' 解決方法

エラー内容

解決方法

TypeScriptは import.meta.env の型を標準では持たないため、Viteが用意している ImportMetaEnv を明示的に拡張する必要があります。
環境変数の型を定義することで解決できます！

/// <reference types="vite/client" />

interface ImportMetaEnv {
  readonly VITE_API_URL: string;
  // ...ここに追加していく
}

interface ImportMeta {
  readonly env: ImportMetaEnv
}