vite项目的根目录中的env.d.ts类型声明文件里要写什么

 更新时间:2024年08月16日 14:25:37   作者:烟火的降落  
这篇文章主要介绍了vite项目的根目录中的env.d.ts类型声明文件里要写什么,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vite的根目录中的env.d.ts类型声明文件

1.写3个斜线

把node_modules里面的vite文件夹里面的client客户端类型声明文件导入到这个文件里

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

2.写能让ts认识.vue文件的类型声明文件

declare module "*.vue" {
    import { DefineComponent } from "vue";
    const component:DefineComponent<{},{},any>
    export default component
 
}

3.写env.development和env.production文件里

自己创建的环境变量的类型声明文件,在import.meta.env.自己创建的变量

会用上

interface ImportMetaEnv{
    readonly VITE_TITLE:string
}

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue项目build打包后部分样式错乱的解决

    vue项目build打包后部分样式错乱的解决

    这篇文章主要介绍了vue项目build打包后部分样式错乱的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-07-07
  • Vue 结合Sortablejs实现table行排序功能

    Vue 结合Sortablejs实现table行排序功能

    在一个列表展示页面上,使用了表格组件,原有组件本身不支持拖拽功能,需求要求在列表的基础上支持行拖拽排序,因此引入了www.sortablejs.com插件,接下来通过本文给大家讲解Vue 结合Sortablejs实现table行排序功能,需要的朋友可以参考下
    2022-10-10
  • vue3封装echarts图表数据无法渲染到页面问题

    vue3封装echarts图表数据无法渲染到页面问题

    这篇文章主要介绍了vue3封装echarts图表数据无法渲染到页面问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-09-09
  • vue配置文件自动生成路由和菜单实例代码

    vue配置文件自动生成路由和菜单实例代码

    因为不同的用户有不同的权限,能访问的页面是不一样的,所以我们在写后台管理系统时就会遇过这样的需求:根据后台数据动态添加路由和菜单,这篇文章主要给大家介绍了关于vue配置文件自动生成路由和菜单的相关资料,需要的朋友可以参考下
    2021-08-08
  • VUE使用echarts 5.0以上版本渲染器未导入错误问题

    VUE使用echarts 5.0以上版本渲染器未导入错误问题

    这篇文章主要介绍了VUE使用echarts 5.0以上版本渲染器未导入错误问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-06-06
  • vue中tinymce的使用实例详解

    vue中tinymce的使用实例详解

    TinyMCE Vue是TinyMCE官方发布的Vue组件,可以更轻松地在Vue应用程序中使用TinyMCE,这篇文章主要介绍了vue中tinymce的使用,需要的朋友可以参考下
    2022-11-11
  • vite+vue3+tsx项目打包后动态路由无法加载页面的问题及解决

    vite+vue3+tsx项目打包后动态路由无法加载页面的问题及解决

    这篇文章主要介绍了vite+vue3+tsx项目打包后动态路由无法加载页面的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • vue使用tracking实现人脸识别/人脸侦测完整代码

    vue使用tracking实现人脸识别/人脸侦测完整代码

    作为一个AI模型,人脸识别涉及到多个技术领域,下面这篇文章主要给大家介绍了关于vue使用tracking实现人脸识别/人脸侦测的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-09-09
  • 解决betterScroll在vue中存在图片时,出现拉不动的问题

    解决betterScroll在vue中存在图片时,出现拉不动的问题

    今天小编就为大家分享一篇解决betterScroll在vue中存在图片时,出现拉不动的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • Vuepress使用vue组件实现页面改造

    Vuepress使用vue组件实现页面改造

    这篇文章主要为大家介绍了Vuepress使用vue组件实现页面改造示例过程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07

最新评论