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

最新推荐文章于 2024-06-17 16:02:57 发布

星河顾盼

最新推荐文章于 2024-06-17 16:02:57 发布

阅读量1.4k

点赞数 2

文章标签： vue.js 前端 typescript

本文链接：https://blog.csdn.net/gusensen/article/details/129419869

版权

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

摘要由CSDN通过智能技术生成

请添加图片描述

在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