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

相关推荐
柳杉1 分钟前
Codex + 可视化大屏工作流实践:15 个行业场景的设计产出合集
前端·openai·数据可视化
@#¥&~是乱码鱼啦4 分钟前
ArkWeb开发手记05|SPA单页H5适配、自定义历史栈与全局状态同步
前端·harmonyos
peter67685 分钟前
vue学习小结
前端·vue.js·学习
七仔啊10 分钟前
数字孪生大屏设计器
前端
知野小兔12 分钟前
JavaScript 数组方法大全(超详细整理)
开发语言·前端·javascript
火眼金睛记单词16 分钟前
零基础成人重拾英语:第一个月的30天行动地图
前端·经验分享·学习·小程序
ljt272496066131 分钟前
Vue笔记(十二)--mitt
前端·笔记
传人once12 小时前
页面中心圆圈放大效果如何写
开发语言·javascript·ecmascript
用户0333074139513 小时前
TypeScript using 与 AsyncDisposableStack:在真实服务端代码中协调多资源清理
前端
daisychey13 小时前
用 Playwright 做多平台内容分发,我踩过的 8 个坑
前端