vue3 报错提示找不到模块“./XXX.vue”或其相应的类型声明

最新推荐文章于 2025-06-03 10:35:10 发布

敲代码的柯基

最新推荐文章于 2025-06-03 10:35:10 发布

阅读量1w

点赞数 10

CC 4.0 BY-SA版权

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

本文链接：https://blog.csdn.net/Stars_in_rain/article/details/123741249

vue 同时被 2 个专栏收录

15 篇文章

订阅专栏

14 篇文章

订阅专栏

本文介绍了如何解决Vue3项目中出现的找不到模块错误。通过在src目录下创建.d.ts文件并添加特定代码，可以成功避免TS报错，实现.vue文件的正常引用。

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

vue3 报错提示找不到模块“./XXX.vue”或其相应的类型声明

从网上找了好多方法比如在tsconfig文件下增加：

{
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "@/*": [
                "src/*"
            ]
        }
    },
    "exclude": [
        "node_modules",
        "dist"
    ]
}

这对我来说根本没有用。
后来看到说可以在src根目录下创建一个后缀为.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
  }

问题解决了，不再报模块找不到的错误了