首页 > 其他分享 >vuejs3.0 从入门到精通——vite+vue3+ts 显示找不到模块“../views/HomeView.vue”或其相应的类型声明。ts(2307)

vuejs3.0 从入门到精通——vite+vue3+ts 显示找不到模块“../views/HomeView.vue”或其相应的类型声明。ts(2307)

时间:2024-05-17 17:34:22浏览次数:11  
标签:vue .. component ts vue3 vite

vite+vue3+ts 显示找不到模块“../views/HomeView.vue”或其相应的类型声明。ts(2307)

一、在根目录下的 env.d.ts文件(没有就自己创建)

二、在env.d.ts文件中添加以下代码

declare module '*.vue' {
   import type { DefineComponent } from 'vue'
   const component: DefineComponent<{}, {}, any>
   export default component
}
//或者
declare module '*.vue' {
   import type { DefineComponent } from 'vue'
   const component: ComponentOptions | ComponentOptions['setup']
   export default component
}

三、效果如下

标签:vue,..,component,ts,vue3,vite
From: https://www.cnblogs.com/zuoyang/p/18198164

相关文章

  • P1668 [USACO04DEC] Cleaning Shifts S
    原题链接题解1.朴素想法,每头牛要么值班要么不值班,搜索遍历所有情况\(O(2^n)\)2.稍作修改,如果一头牛值班,那么在它值班结束时间之前值班的牛的数量一定是最优的,\(o(nT)\)3.换个思路,已知要覆盖\([1,T]\)这个时间段,所以左端点为\(1\)的牛必须选一个,且选右端点最大的那个,设这......
  • vue项目中实现表格的预览与编辑(luckysheet)
    在最近的项目中遇到了这么一个需求,需要对上传的表格进行呈现预览,并且可以在线对表格进行编辑,然后进行保存。思路:用到的组件 luckysheet   exceljs  FileSaver  LuckyExcel相关依赖:npminstallexceljsnpminstallFileSavernpminstallluckyexcel 相关步骤:......
  • 『手撕Vue-CLI』编码规范检查
    前言这篇为什么是编码规范检查呢?因为这是一个很重要的环节,一个好的编码规范可以让代码更加清晰易读,在官方的VUE-CLI也是有着很好的编码规范的,所以我也要加入这个环节。其实不管在哪个项目中,编码规范都是很重要的,像我们平日里的项目开发当中,我们也会使用ESLint来进行代码规......
  • ITSM工作台:工程师效率与协同的新天地
    在当今快节奏的IT运维领域,ITILDESK工作台脱颖而出,成为专为技术工程师量身打造的全能助手。这款平台不仅仅是一个工具集合体,它是一个精心设计的生态系统,旨在促进工程师的工作效率、团队协作与个人成长,为日常运维工作带来前所未有的便捷与智能。  一站式工作环境:从工单到......
  • vue3 ts 集成 tinymce
    首先引入@tinymce/tinymce-vueyarnadd@tinymce/tinymce-vue-S我的版本是然后写一个组件<template><mainid="sample"><Editorv-model="editorData"api-key="j7tvgx4xnptg3cjd63cfnl62z9s78uylw4o7vkkwdljjy91e":init=&qu......
  • Vue3:Cannot read properties of null (reading 'isCE')
    Cannotreadpropertiesofnull(reading'isCE')  这个问题是在vue3中引入elementui的列表框时出现的。经过网上查询,有说是装了两个vue版本的,也有说是其他代码写错导致的,还有说是导入错误的。  但我的不是这个问题,我的是版本兼容问题。因为在网上查询时看到,elementui适......
  • antd-vue 时间选择器限制, 选择不超过七天的范围,且默认时间为当前时间往后七天
    1.template代码<a-range-picker v-model:value="conversationTime" style="margin-right:20px" :disabledDate="disabledDate" @calendarChange="onCalendarChange" @change="onChange" @openChange......
  • GreatSQL数据库DROP表后无法重建
    一、数据库信息:数据库版本:5.7.21-log某银行测试数据库,APP业务库内有一个含有大量(几百个)分区表的大表test_app。DROP该分区表的大表后导致无法重建该分区表。二、问题描述:客户使用“droptabletest_app;”时,显示表删除成功。当重新执行该表的建表语句时,报错“Table'app.test_......
  • 基于Vue3水印组件封装:防篡改守护!
    基于Vue3的全新水印通用组件。这款组件不仅功能强大,而且易于集成,能够轻松为您的网页或应用添加自定义水印,有效防止内容被篡改或盗用。在线查看效果:原文可查看效果地址一,编写watermark组件<template><divref="watermarkContainerRef"class="watermark-container">......
  • vue的响应式数据1
     所花时间(包括上课): 1 h左右代码量(行): 200   左右搏客量(篇):1了解到的知识点: 用ref定义响应式数据备注(其他): ref基本类型的响应式数据首先需要import{ref}from'vue'哪个需要响应式,哪一个加ref('name')在函数中调用响应式数据的时候,需要......