使用vite创建的vue项目提示：Cannot find module ‘../views/xxxxxx.vue‘ or its corresponding type declarations.

vue

vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。

项目地址：https://gitcode.com/gh_mirrors/vu/vue

免费下载资源

飞得更高肥尾沙鼠

5247人浏览 · 2023-05-09 09:09:13

飞得更高肥尾沙鼠 · 2023-05-09 09:09:13 发布

使用vite创建的vue项目提示：Cannot find module '../views/xxxxxx.vue' or its corresponding type declarations.

- 错误提示
- 解决方案

错误提示

在这里插入图片描述

报错的原因是因为ts不识别.vue后缀的文件。

vue

vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。

项目地址：https://gitcode.com/gh_mirrors/vu/vue

解决方案

创建脚手架的时候，查看项目的根目录下是否存在了一个env.d.ts文件

1、若存在：修改文件里面的代码，在文件里面增加下面的代码：

declare module "*.vue" {
    import { DefineComponent } from "vue"
    const component: DefineComponent<{}, {}, any>
    export default component
}

2、若不存在，则在根目录下新建resolveVue.d.ts文件

将上面的代码放在新建的文件中，然后在tsconfig.json的include中增加这个文件名
在这里插入图片描述

GitHub 加速计划 / vu / vue

下载

vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。

最近提交(Master分支：6 个月前 )

9e887079 [skip ci] 4 个月前

73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 8 个月前