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

相关推荐
smileNicky13 小时前
React 弹窗组件如何在新标签页打开?
javascript·react.js·ecmascript
Csvn13 小时前
类型驱动开发(Type-Driven Development):让类型约束先行为导向
前端
计算机魔术师13 小时前
AI 代理把德国维基当留言板,OpenAI 闷声几周才承认
前端
yume_sibai13 小时前
Element Plus 其他实用组件完全指南(10个核心组件)
前端·javascript·vue.js
雪芽蓝域zzs13 小时前
第二十二节:进阶:用户管理新增、编辑弹窗 + 表单校验
前端·javascript·vue.js
IT_陈寒13 小时前
Java字符串判等踩坑记:==和equals真的不能乱用
前端·人工智能·后端
shmily麻瓜小菜鸡13 小时前
JavaScript / TypeScript 易踩坑知识点 —— 作用域与变量类
开发语言·javascript·typescript
晴天1613 小时前
前端虚拟滚动(虚拟列表)原理与实战
前端
晴天1613 小时前
前端 RAIL 性能模型实战分享-Day37
前端
变与不变80614 小时前
JS作用域,作用域链
前端·javascript·es6