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

简介: 这篇文章介绍了在Vue 3 + TypeScript + Vite开发环境中解决找不到`.vue`文件模块或其类型声明错误的两种方法:使用VSCode的TypeScript Vue Plugin (Volar)插件或手动在`env.d.ts`文件中声明`*.vue`模块类型。

Vue3+Ts+vite开发环境,出现以下错误:

65af05c70255f0ac817a3e196ac145ce.png

解决方法一:(官方推荐)

在VSCode IDE中安装插件:TypeScript Vue Plugin (Volar)

TypeScript Vue Plugin 用于支持在 TS 中 import *.vue 文件(搭配 TypeScript 使用 Vue | Vue.js

由于 TypeScript Vue Plugin (Volar) 已弃用**,请使用官方指定替代品:**Vue - Official

c7ab44c7b93f29014e52e3d2468213ed.png

解决方法二:(较麻烦)

在项目根目录 env.d.ts 文件中,加入以下内容:

/// <reference types="vite/client" />
declare module "*.vue" {

  import type { DefineComponent } from "vue"

  const vueComponent: DefineComponent<{}, {}, any>

  export default vueComponent

}

在 env.d.ts 文件中加入之后,确保已在 tsconfig.json 中的include引入:["env.d.ts"]

相关文章
|
移动开发 数据安全/隐私保护
HC05蓝牙模块与手机APP连接
HC05蓝牙模块与手机APP连接
560 0
|
22天前
|
Go 开发者
【应用服务 App Service】App Service发生错误请求时,如何查看IIS Freb日志,从中得知错误所发生的模块,请求中所携带的Header信息
【应用服务 App Service】App Service发生错误请求时,如何查看IIS Freb日志,从中得知错误所发生的模块,请求中所携带的Header信息
|
20天前
|
关系型数据库 Linux PostgreSQL
【Azure 应用服务】Azure Function App Linux环境下的Python Function,安装 psycopg2 模块错误
【Azure 应用服务】Azure Function App Linux环境下的Python Function,安装 psycopg2 模块错误
|
20天前
【Azure Function】Function App和Powershell 集成问题, 如何安装PowerShell的依赖模块
【Azure Function】Function App和Powershell 集成问题, 如何安装PowerShell的依赖模块
|
2月前
|
小程序 安全 数据挖掘
陪玩语聊APP小程序定制开发模块功能
随着电竞行业的规范化,游戏陪玩软件兴起,提供专业陪玩服务。核心功能包括:多样化注册登录、用户资料展示、智能匹配筛选陪玩、语音互动(多人/私聊)、订单交易管理、陪玩入驻审核、数据分析、客服系统及社交功能。旨在融合游戏、语音聊天与社交,构建综合娱乐平台。
|
3月前
|
移动开发 小程序 开发工具
微信支付的类型分析(JSAPI+APP+H5+NATIVE+付款码+合单)
微信支付的类型分析(JSAPI+APP+H5+NATIVE+付款码+合单)
234 1
|
2月前
4. 解决uni-app开发过程中view、image等标签出现诸如“出现错误:类型“{ class: string; }”的参数不能赋给类型“.......”
4. 解决uni-app开发过程中view、image等标签出现诸如“出现错误:类型“{ class: string; }”的参数不能赋给类型“.......”
148 0
|
4月前
|
移动开发 数据安全/隐私保护
HC05蓝牙模块与手机APP连接
HC05蓝牙模块与手机APP连接
167 1
|
4月前
|
编解码 安全 测试技术
APP测试类型
APP测试类型
|
存储 JSON 安全
Remix : 真正类型安全的 Web Apps
类型安全不仅有价值的,而且是可以做到端到端地跨边界实现。那么应该如何优雅实现真正类型安全的 Web Apps 呢
92 0
Remix : 真正类型安全的 Web Apps

热门文章

最新文章