import.meta.env 报错全解析：别让 TS 把你的 API 拒之门外

前言

在奔赴前端全栈自由职业梦想的路上，总会遇到些“古灵精怪”的 TypeScript 报错，一不小心就被绊个正着。今天这位“绊脚石”来自 Vite 项目的深处，它举着报错牌子跳出来：

“Property 'env' does not exist on type 'ImportMeta'.”

TS 一脸严肃地提醒：“哥，import.meta.env 是谁？我不认识。”

你当场愣住，仿佛刚点完一杯快乐奶茶，结果发现没带吸管。

别慌，这可不是天塌下来的级别。今天我们就来在 debug 的同时，顺便享受技术带来的小乐趣。走，边喝奶茶边优雅修 bug，把 TS 这个“保安”请回岗位，让你的 API 地址畅通无阻！

简介

当你在 Vite 项目中热情满满地配置 .env 文件，自信地写下：

接着转战 api.ts，一副运筹帷幄的姿态，豪气地敲下：

你满心期待它能一气呵成，顺利飞奔向接口。结果 VSCode 冷着脸弹出一句：

❌ Property 'env' does not exist on type 'ImportMeta'

你当