Vue3,Typescript中引用组件路径无法找到模块报错

是这么个事,我在vue3新创建的项目里,写了个组件叫headerIndex.vue,放到app.vue中import就会报错

路径肯定没写错,找到了解决方法,但是也没想明白为什么

解决方法如下

在vite-env.d.ts文件中加入

TypeScript 复制代码
declare module "*.vue" {
  import { ComponentOptions } from "vue";
  const componentOptions: ComponentOptions;
  export default componentOptions;
}

就好了,大概意思就是在文件中把组件声明一下,but why

相关推荐
lichenyang4532 分钟前
从两个 demo 说起:WebSocket 和 SSE 到底差在哪?
前端
如烟花的信页9 分钟前
外贸*登录逆向分析
javascript·爬虫·python·js逆向
前端小端长13 分钟前
AI时代前端的出路在哪里?
前端·ai·职业发展
四六的六21 分钟前
WebView里跑RAG——浏览器内知识检索增强实战
前端·实战·个人开发·webview·ai大模型·rag·webview内嵌开发
wanger6128 分钟前
Vue学习笔记
前端·javascript·vue.js
杨先生哦29 分钟前
【2026热端攻防系列 3/12】反射型&存储型XSS全解:AI批量免杀、WAF绕过与企业级防御
前端·人工智能·笔记·web安全·xss
问心无愧051333 分钟前
ctf show web入门123
android·前端·笔记
大刚测试开发实战35 分钟前
TestHub数据工厂发布!附更新指南
前端·后端·github
by————组态43 分钟前
Ricon组态组件生态 - 丰富的可视化组件库
运维·前端·物联网·组态·组态软件
天蓝色的鱼鱼1 小时前
Node.js 现在能直接跑 TypeScript 了,tsx 和 ts-node 还需要吗?
前端·typescript·node.js