vue3+ts报错：找不到模块“../views/home/index.vue”或其相应的类型声明。

最新推荐文章于 2024-09-04 10:28:19 发布

今天不想加油鸭～

最新推荐文章于 2024-09-04 10:28:19 发布

阅读量1.6k

点赞数 3

文章标签： vue.js javascript 前端 ecmascript 前端框架

本文链接：https://blog.csdn.net/qq_39524670/article/details/130431518

版权

Volar是官方推荐的VSCode扩展，专为Vue单文件组件提供TypeScript支持。它取代了Vetur，并且在Vue3项目中特别有用。通过创建env.d.ts文件并声明模块，可以确保对`*.vue`文件的正确类型定义。

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

问题：

image.png

解决方法：

利用插件解决。

image.png

Volar 是官方的 VSCode 扩展，提供了 Vue 单文件组件中的 TypeScript 支持，还伴随着一些其他非常棒的特性。

TIP: Volar 取代了我们之前为 Vue 2 提供的官方 VSCode 扩展 Vetur。如果你之前已经安装了 Vetur，请确保在 Vue 3 的项目中禁用它。

在src目录下创建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;
}