找不到模块“./App.vue”或其相应的类型声明

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

原创最新推荐文章于 2025-06-03 10:35:10 发布 · 1.6k 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue.js #前端 #typescript

在Vue3项目中将JS文件转为TS时可能会遇到.vue文件类型未定义的错误。为了解决这个问题，可以在根目录创建一个env.d.ts文件，然后导入vue并定义*.vue模块，声明其类型为DefineComponent。这样可以确保TS能正确解析.vue组件的类型，从而消除错误。该解决方案来源于作者迷斯特航在bilibili上的分享。

请添加图片描述

在vue3中将js文件转为ts文件会报下面的错误

解决方法
在根目录下新建env.d.ts文件（和src同级）
输入下面这行代码

declare module '*.vue' {
    import type { DefineComponent } from 'vue';
    const vueComponent: DefineComponent<{}, {}, any>;
    export default vueComponent;
}

报错原因
未定义 .vue文件的类型，导致 ts 无法解析其类型，在env.d.ts中定义后方可解决。
转载来自作者：迷斯特航 https://www.bilibili.com/read/cv19000250 出处：bilibili