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

相关推荐
SJLoveIT几秒前
【安全研发】CSRF (跨站请求伪造) 深度复盘与防御体系
前端·安全·csrf
pas13610 分钟前
34-mini-vue 更新element的children-双端对比diff算法
javascript·vue.js·算法
小二·10 分钟前
Python Web 开发进阶实战:数字孪生平台 —— 在 Flask + Vue 中构建实时物理世界镜像
前端·vue.js·python
CHU72903511 分钟前
安心陪伴,便捷就医:陪诊代办小程序的温暖设计
前端·小程序·php
ashcn200119 分钟前
websocket测试通信
前端·javascript·websocket
weixin_4046793121 分钟前
edge alt tab怎么关
前端·edge
吃吃喝喝小朋友32 分钟前
JavaScript文件的操作方法
开发语言·javascript·ecmascript
Trae1ounG34 分钟前
模块间通信解耦
javascript
2501_9445264236 分钟前
Flutter for OpenHarmony 万能游戏库App实战 - 知识问答游戏实现
android·开发语言·javascript·python·flutter·游戏·harmonyos
CHU72903537 分钟前
线上扭蛋机拆盒小程序前端功能版块解析
前端·小程序·php