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

相关推荐
风骏时光牛马3 分钟前
云原生驱动模型工具高效落地与规模化赋能
前端
zhanghaha13144 分钟前
HTML系列教程:8_HTML 文本格式化标签
前端·css·html
梦想的旅途210 分钟前
基于企业微信API的微应用前端与后端架构设计
前端·状态模式·企业微信
JavaGuide1 小时前
一个 SKILL.md 拿下 2.3 万 Star:让 Codex/Claude Code 少说废话、先给答案
前端·后端
晴天162 小时前
多个 VS Code 项目会导致 Chrome 和 Electron 应用一起卡住?-Day30
前端·chrome·electron
BigTopOne9 小时前
【WebRtc】DTLS-SRTP 加密完整流程详解
前端
陈随易9 小时前
pm2 替代品,nodejs&bun 线上部署必备工具
前端·后端·程序员
单线程_019 小时前
从案例分析 Vue3 Tokenizer 源码一
前端·javascript·vue.js
BigTopOne9 小时前
【WebRtc】-ICE Candidate 与 STUN/TURN 原理详解
前端
l1258659 小时前
# LangGraph Memory机制深度解析:短期记忆与长期记忆的工程实践
前端·人工智能·python·langchain·bootstrap