Vue3，Typescript中引用组件路径无法找到模块报错

7月前作者：驻风丶分类：Toy博客阅读(34) 违法举报

这篇具有很好参考价值的文章主要介绍了Vue3，Typescript中引用组件路径无法找到模块报错。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

是这么个事，我在vue3新创建的项目里，写了个组件叫headerIndex.vue，放到app.vue中import就会报错

Vue3，Typescript中引用组件路径无法找到模块报错,typescript,javascript,前端,vue

路径肯定没写错，找到了解决方法，但是也没想明白为什么

解决方法如下

在vite-env.d.ts文件中加入

declare module "*.vue" {
  import { ComponentOptions } from "vue";
  const componentOptions: ComponentOptions;
  export default componentOptions;
}

就好了，大概意思就是在文件中把组件声明一下，but why文章来源地址https://www.toymoban.com/news/detail-701807.html

到了这里，关于Vue3，Typescript中引用组件路径无法找到模块报错的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

vue3 + vite Cannot access ‘xxx‘ before initialization 组件热更新失败，es模块循环引用问题

问题原因本人在 pinia stores 文件中使用了 router ，而main.ts 已经引入过router main.ts pinia 下 modelCache.ts 文件 pinia 下 modelCache.ts 文件使用了router 并Model组件中引入了modelCache.ts 该文件这样导致es模块循环 vite热更新失败解决 pinia 下 modelCache.ts 文件 router 引入方式改为函数引入在

2024年02月12日
浏览(61)
Vue3.2+TypeScript管理模块记录1-登录模块

1.登录模块效验 rules: 规则对象属性: required,代表这个字段务必要校验的 min:文本长度至少多少位 max:文本长度最多多少位 message:错误的提示信息 trigger:触发校验表单的时机 change-文本发生变化触发校验,blur:失去焦点的时候触发校验规则 //保证全部表单相校验通过

2024年02月09日
浏览(28)
Vue3+Vite+TypeScript常用项目模块详解

目录 1.Vue3+Vite+TypeScript 概述 1.1 vue3 1.1.1 Vue3 概述 1.1.2 vue3的现状与发展趋势 1.2 Vite 1.2.1 现实问题 1.2 搭建vite项目 1.3 TypeScript 1.3.1 TypeScript 定义 1.3.2 TypeScript 基本数据类型 1.3.3 TypeScript语法简单介绍 2. 项目配置简单概述 2.1 eslint 校验代码工具配置 2.1.1 eslint定义 2.1.2 esl

2024年02月08日
浏览(29)
vue3 组件自己引用自己递归组件组件命名

本人前端开发一枚，以前一直用vue2.0，为了更新自己掌握的技术学习如何使用vue3.0。在vue3.0项目中想要实现菜单组件，要使用到递归组件的方法，发现不知道怎么给组件重命名！！在vue2.0中想要实现递归组件方式很简单，只要给组件命名，然后自己调用即可：然而在vue3.0中

2024年02月06日
浏览(37)
vue3组件引用使用的坑

今天准备用el-tabs写个页面，发现点击后组件怎么都显示不了，后来才发现是组件引用的原因这是页面是显示的效果：乍一看确实是对的。。。但是当我点击完这三个tab后再重新点击道路管理后，有意思的出现了： one组件消失不见了，不仅如此，另外两个组件也不显示

2024年02月16日
浏览(25)
《Vue3+Typescript》一个简单的日历组件实现

这是一个没有套路的前端博主，热衷各种前端向的骚操作，经常想到哪就写到哪，如果有感兴趣的技术和前端效果可以留言～博主看到后会去代替大家踩坑的～主页: oliver尹的主页格言: 跌倒了爬起来就好～目录一、前言二、效果图三、核心思路四、代码实现 4.1 本月日期

2024年02月14日
浏览(28)
如何解决vue3.0+typescript项目提示找不到模块“./App.vue

一、解决方案如下：需在项目目录下加上下面这段代码即可！如果没有vite-env.d.ts目录需要继续往下看二、如果没有创建vite-env.d.ts这个文件，需要在和main.ts同级目录创建一个vite-env.d.ts文件，如图创建好后，可能你没有tsconfig.json文件，那么你还要新创建一个tsconfig.json文件，

2024年02月10日
浏览(24)
TypeScript系列, 通过vue3实例说说declare module语法怎么用[模块声明篇]

本系列文章是我20年开始写的, 这个模块声明也是本系列的最后一课, 中间因为时间安排间隔了1年, 当时答应大家要补充的, 现在来还债😊. 中间的时间我写了vue3的入门教程, 现在写了一半了吧, 带视频的, 如果有需要的小伙伴可以去看看. https://www.yuque.com/books/share/c0ab3348-87ab-4

2023年04月22日
浏览(28)
Vue3 - vite 引入本地图片方法，页面引入本地静态资源图像详细教程，解决 UI 前端组件库的图片属性无法使用本地图像问题（无论是本地开发还是打包部署，本地图片的路径正常可用）

在 webpack 中通常用 require() 来引入静态图片，但在 vite 中这种方法就不行了。本文实现了在 vue3+vite 项目开发中，实现引入本地图片（静态资源），并且 build 打包后依然正常运行，支持普通 img 标签使用，也支持 UI 组件库的各种 “图片属性” 当参数进行使用。如下图所示

2024年02月08日
浏览(45)
vue3子组件数据无法更新

在写vue3代码时，遇到了父组件传值给子组件，但是子组件无法及时刷新数据，父组件数据是异步获取的。使用了很多方法，froceUpdate()，nextTick之类的方法都试过了没有生效。所以需要在父组件对子组件进行刷新。解决思路：利用vue diff算法的特点，更新key，强制使子组件刷

2024年02月12日
浏览(33)