美文网首页
vite+vue3+ts ,类型“ImportMeta”上不存在

vite+vue3+ts ,类型“ImportMeta”上不存在

作者: 大海请带我走 | 来源:发表于2023-11-22 09:48 被阅读0次
WX20231123-上午94426@2x.png

TypeScript 的智能提示

默认情况下,Vite 在 vite/client.d.ts 中为 import.meta.env 提供了类型定义。随着在 .env[mode] 文件中自定义了越来越多的环境变量,你可能想要在代码中获取这些以 VITE_ 为前缀的用户自定义环境变量的 TypeScript 智能提示。

要想做到这一点,你可以在 src 目录下创建一个 env.d.ts 文件,接着按下面这样增加 ImportMetaEnv 的定义:

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

interface ImportMetaEnv {
  readonly VITE_APP_TITLE: string
  // 更多环境变量...
}

interface ImportMeta {
  readonly env: ImportMetaEnv
}

相关文章

网友评论

      本文标题:vite+vue3+ts ,类型“ImportMeta”上不存在

      本文链接:https://www.haomeiwen.com/subject/qwiiwdtx.html