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

在TS项目里,可以通过创建一个.env.d.ts文件,声明模块来使.ts文件识别.vue文件。具体做法是定义一个`declaremodule*.vue`,导入`defineComponent`并导出默认的Vue组件。同时,在tsconfig.json的include属性中添加.vue文件路径,确保它们被类型检查。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 在 ts 项目里,.ts 文件是识别不了 .vue 文件的,那么如何解决呢?

解决思路就是,让 ts 文件可以识别 vue 文件:

1)在项目根目录新建一个 xxx.d.ts文件,必须是以 .d.ts 文件结尾,然后添加以下代码:

// 这里就新建一个 env.d.ts 文件
declare module "*.vue" {
  import { defineComponent } from "vue";
  const Component: ReturnType<typeof defineComponent>;
  export default Component;
}

2)然后在 tsconfig.json 文件中的 include 属性里添加需要解析的 vue 文件:(include表示包含哪些文件)

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值