Property ‘env‘ does not exist on type ‘ImportMeta‘

1、背景

在定义路由表时，引入import.meta.env.BASE_URL时，VSCode提示不存在

2、原因分析

TypeScript 默认遵循 ECMAScript标准，标准的 import.meta 对象只包含 url 属性。而 import.meta.env 是 ‌Vite‌ 特有的运行时注入功能。如果 TypeScript 没有加载 Vite 提供的类型定义文件，它就会认为 env 属性不存在，从而报错。

这通常不影响代码运行（因为 Vite 在构建时会处理它），但会导致 IDE 报错且失去智能提示。

3、解决方案

在根目录下的tsconfig.json中包含了 vite/client 类型定义

{
  "compilerOptions": {
    // ... 其他配置
    "types": ["vite/client"] 
  }
}