利用vue3+ts写项目遇到的问题---vue3加ts找不到模块“@/views/Home.vue”或其相应的类型声明。

最新推荐文章于 2024-11-21 15:31:37 发布

疯狂quickly

最新推荐文章于 2024-11-21 15:31:37 发布

阅读量1.8k

点赞数 8

分类专栏： typeScript 文章标签： typescript vue

本文链接：https://blog.youkuaiyun.com/weixin_51938803/article/details/132084207

版权

typeScript 专栏收录该内容

2 篇文章

订阅专栏

文章讲述了在使用Vue3和TypeScript开发时，遇到无法识别.vue文件为模块的问题。解决方案是创建一个env.d.ts文件，声明*.vue为模块并导入Vue的类型。作者提醒学习新技术要面对和解决常见问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

入门利用vue3+ts写项目遇到的问题—vue3加ts找不到模块“@/views/Home.vue”或其相应的类型声明。

一、错误截图

二、原因

就是说ts只支持导入导出模块，但是在ts眼里vue不是模块，我们需要说明一下vue是个模块，你才可以在ts导入。

三、解决方案

在src目录下创建一个env.d.ts文件，在文件中写如下代码

在文件中加上
declare module '*.vue' {
   import type { DefineComponent } from 'vue'
   const component: DefineComponent<{}, {}, any>
   export default component
}
或者
declare module '*.vue' {
   import type { DefineComponent } from 'vue'
   const component: ComponentOptions | ComponentOptions['setup']
   export default component
}