美文网首页
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