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

相关推荐
逆境不可逃6 分钟前
【与我学 ClaudeCode】协作篇 之 Team Protocols :结构化请求 - 响应协作协议
前端
不瘦80斤不改名8 分钟前
Javascript中的对象
开发语言·javascript·ecmascript
yantuguiguziPGJ8 分钟前
WeMed:一个医疗垂直领域大模型 问答系统的 Taro 小程序
typescript·node.js
a11177610 分钟前
【无标题】
前端·开源·html
晓得迷路了10 分钟前
栗子前端技术周刊第 130 期 - Angular 22 RC、Rolldown 1.0.1、pnpm 11.2...
前端·javascript·react.js
审判长烧鸡11 分钟前
【AI问答/前端】前端瞒天过海局(三)
前端·vue·html5·js
桔筐14 分钟前
【无标题】
前端·vue.js
星栈独行14 分钟前
别让 API 跳去登录页:我在 Axum 里做了认证失败双通道
前端·后端·rust·开源·github·个人开发
এ慕ོ冬℘゜15 分钟前
原生 JS 手写日期选择器|完整可复用日历组件实战
前端·javascript·css
Maimai1080815 分钟前
用 TanStack Table、React Query 和 shadcn/ui 搭一个可维护的数据表格架构
前端·javascript·react.js·ui·架构·前端框架·reactjs