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

相关推荐
用户600071819102 分钟前
【翻译】CSS 与 JavaScript:动画性能该怎么选
前端
用户059540174462 分钟前
GitHub Actions 自动化测试流水线踩坑实录:一个 `&&` 符号,折腾了 4 小时,但前端事故率降为 0
前端·css
还有多久拿退休金2 分钟前
一行命令切换 Claude Code 的 AI 大脑:告别繁琐的 provider 切换流程
前端·ai编程
明月_清风5 分钟前
爆破前端生态!Cloudflare 收购 Vite 背后,前端开发者会迎来什么变化?
前端·vite
光影少年5 分钟前
react的useMemo 如何优化?
前端·react.js·掘金·金石计划
星栈5 分钟前
Makepad、egui、Dioxus、Tauri:Rust GUI 到底怎么选
前端·rust
ai_coder_ai5 分钟前
如何在自动化脚本中实现定时操作?
java·前端·javascript
如烟花的信页5 分钟前
易盾滑块逆向分析
javascript·爬虫·python·js逆向
努力早日退休7 分钟前
一个 9999px 引发的跨平台血案:小程序离屏隐藏元素的滚动兼容性问题
前端·javascript
嘟嘟071721 分钟前
前端异步编程完全指南:从json-server到DeepSeek大模型接口调用
前端