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

相关推荐
Penge6662 分钟前
《Go 后端开发者学 React:数据渲染》
javascript
IT_陈寒3 小时前
Redis内存暴涨,没想到是AOF重写捣的鬼
前端·人工智能·后端
ikoala3 小时前
让 Codex 自己查账:一个省 token 的小技巧
前端·后端·ai编程
ikoala3 小时前
AI 写页面像说明书,修 Bug 像贴膏药?把这两句话写进 AGENTS.md
前端·javascript·ai编程
Penge6663 小时前
《Go 后端开发者学 TypeScript:ES Module了解》
javascript
Penge6663 小时前
《Go 后端开发者学 TypeScript:从零搭建与运行》
javascript
Penge6665 小时前
《Go 后端开发者学 TypeScript:keyof关键字》
javascript
Penge6665 小时前
《Go 后端开发者学 TypeScript:extends关键字》
javascript
张张123y5 小时前
DSH 插件调试避坑:client.js 设置面板、热重载与高频报错排查表
开发语言·javascript·人工智能·开源·ecmascript·后端开发·ai agent
去伪存真5 小时前
AI Agent Harness 深度测评与技术选型实战
前端·agent