首页 前端知识 vue3导入模块报红解决方案——找不到模块“./XXX.vue”或其相应的类型声明

vue3导入模块报红解决方案——找不到模块“./XXX.vue”或其相应的类型声明

2024-03-15 10:03:27 前端知识 前端哥 711 918 我要收藏

使用vue3+ts导入vue文件的时候,路径一切都是对的,却偏偏报错:找不到模块“./XXX.vue”或其相应的类型声明。

如图:
在这里插入图片描述

报错原因是:typescript 只能理解 .ts 文件,无法理解 .vue文件

因此需要给.vue文件加上类型说明文件

解决方法:在项目根目录下创建一个后缀为env.d.ts 的文件,并写入以下内容:

declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
  const component: DefineComponent<{}, {}, any>
  export default component
}

在这里插入图片描述

神奇的发现,报错不见了,搞定

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3838.html
评论
发布的文章

jQuery之class类操作

2024-04-12 20:04:54

jQuery 菜鸟教程学习

2024-04-12 20:04:22

jQuery

2024-01-31 12:01:10

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!