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

相关推荐
new code Boy7 分钟前
前端base-64 编码解码
前端·javascript·html
前端摸鱼匠14 分钟前
Vue 3 的watch监听多个数据源:讲解如何同时监听多个响应式数据的变化
前端·javascript·vue.js·前端框架·ecmascript
文心快码BaiduComate17 分钟前
用Spec给AI Agent立规矩,AI编码告别手忙脚乱
前端·后端·前端框架
东北小狐狸-Hellxz18 分钟前
后端生成的URL中含base64参数值,经tomcat重定向后偶发前端无法解密报错
java·前端·tomcat
在等星星呐31 分钟前
人工智能从0基础到精通
前端·人工智能·python
前端不太难39 分钟前
Navigation State 与页面内存泄漏的隐性关系
前端·ui·react
C+++Python1 小时前
如何选择合适的锁机制来提高 Java 程序的性能?
java·前端·python
IT_陈寒1 小时前
JavaScript 性能优化:7 个 V8 引擎偏爱的编码模式让你提速 40%
前端·人工智能·后端
小oo呆1 小时前
【自然语言处理与大模型】LangChainV1.0入门指南:核心组件Messages
前端·javascript·easyui
郑州光合科技余经理1 小时前
技术解析:如何打造适应多国市场的海外跑腿平台
java·开发语言·javascript·mysql·spring cloud·uni-app·php