Cannot find module ‘../views/HomeView.vue‘ or its corresponding type declarations.ts

snowDreamzzz

已于 2023-03-30 10:46:54 修改

阅读量1.9k

点赞数 3

文章标签： vue.js javascript 前端

于 2023-03-30 10:42:23 首次发布

本文链接：https://blog.csdn.net/qubes/article/details/129852944

版权

在开发Vue3应用时，如果遇到TypeScript无法识别.vue文件的错误，可以通过在根目录下添加env.d.ts声明模块来解决。具体做法是在env.d.ts文件中导入DefineComponent并定义Vue组件，然后在tsconfig.json中确保包含这个声明文件。

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

problem

Cannot find module ‘…/views/HomeView.vue’ or its corresponding type declarations.ts
版本：vue3 ts
请添加图片描述

reason

ts无法识别 vue 文件

solution

在根路径下 env.d.ts 添加以下声明

//  env.d.ts 
// 这个文件生效的前提是 tsconfig.json 中配置了 "include": ["env.d.ts"],
declare module '*.vue' {
  import { DefineComponent } from 'vue';
  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
  const component: DefineComponent<{}, {}, any>;
  export default component;
}