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

当遇到Vue项目报错找不到模块“./App.vue”的类型声明时,解决方案是在src目录下创建env.d.ts文件,引入`vite/client`并定义模块`*.vue`,使用`DefineComponent`从vue导入组件类型。
摘要由CSDN通过智能技术生成

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

problem

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

reason

ts类型申明

solution

在 src 目录下创建env.d.ts文件,填入以下内容即可

/// <reference types="vite/client" />

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
}
在使用vue3的时候,如果遇到报错提示不到模块“./App.vue”或其相应类型声明,有几种可能的解决方案。首先,要根据具体的开发环境选择相应的解决方案。 如果你是在使用vue3 + vite + js搭建前端框架,可以按照以下步骤解决该问题: 1. 确保你的文件路径和文件名正确,特别是检查App.vue文件是否存在,并且路径是否正确。 2. 在main.js文件中引入App.vue文件时,确保使用了正确的相对路径,并且文件名的大小写正确。 如果你是在使用vue3 + vite + ts搭建前端框架,可以按照以下步骤解决该问题: 1. 在根目录下新建一个env.d.ts文件,并将以下代码复制到文件中: ```typescript declare module '*.vue' { import type { DefineComponent } from 'vue' const component: DefineComponent<{}, {}, any> export default component } ``` 2. 确保你的文件路径和文件名正确,特别是检查App.vue文件是否存在,并且路径是否正确。 3. 在main.ts文件中引入App.vue文件时,确保使用了正确的相对路径,并且文件名的大小写正确。 如果在上述步骤中仍然遇到问题,可以尝试以下解决方案: 1. 根据报错信息中提到的文件路径,检查是否存在该文件,并确认路径是否正确。 2. 检查你的项目中是否安装了必要的依赖包,特别是与vue3相关的依赖。 3. 确保你的项目配置文件(例如tsconfig.json)中是否正确配置了相关的类型声明。 总结来说,当遇到不到模块“./App.vue”或其相应类型声明的报错时,需要检查文件路径、文件名、依赖包和配置文件等方面,以确定问题所在,并采取相应的解决方案。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue3.0不到模块“./App.vue”或其相应类型声明。](https://blog.csdn.net/weixin_46600931/article/details/125840647)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [vue3+vite在main.ts或者main.js文件中引入/App.vue报错(/App.vue不是模块)](https://blog.csdn.net/XSL_HR/article/details/128437240)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值