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

相关推荐
kisshyshy几秒前
从零搭建全栈应用:模块化思想 + 语义化HTML + JSON‑Server快速Mock
前端
yamsfeer3 分钟前
电商自动化支付全链路技术拆解:从Playwright到扫码支付的底层原理
前端
DongWook3 分钟前
WangEditor渲染标签自定义属性的探索
前端
沙漠4 分钟前
React Native-SyncFormatEdittext:用 JSI 实现零闪烁的实时文本格式化
前端·react native
超人气王4 分钟前
JavaScript新手基础入门——this指针指向,一文带你搞清楚
前端·javascript
z落落8 分钟前
C# 数组属性和方法(Clear / Copy / IndexOf / LastIndexOf)
开发语言·javascript·c#
码上有光12 分钟前
c++模板进阶知识讲解(对模板的进一步的运用与理解)
java·前端·c++·特化·模板进阶·偏特化
嘟嘟071713 分钟前
Python切片技巧×DeepSeek API:手把手教你打造智能商品文案生成器
前端·javascript
环境工程笔记15 分钟前
给 Agent 浏览器任务加一个 Verification Gate:遇到验证页时该如何优雅暂停
前端
一步一个脚印一个坑18 分钟前
页面性能监控中”资源加载”指标的深度解析:为什么静态资源加载时间和页面资源加载时间对不上?
前端