不影响项目运行但提示找不到模块“@/App.vue”或其相应的类型

文章讲述了在TypeScript项目中遇到找不到Vue单文件组件的模块问题,原因是缺少类型声明。解决方法是在项目根目录下创建.d.ts文件并添加特定的类型声明模块。
部署运行你感兴趣的模型镜像

1、问题再现:

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

2、原因分析:

在 TypeScript 中未正确引入 Vue 单文件组件的类型声明

因为在 TypeScript 中,我们需要为每个 Vue 组件单文件写一个类型声明文件,所以会提示报错

3、解决方法:

1、在项目根目录下新增.d.ts文件

3、加入以下代码

declare module '*.vue' {
    import { defineComponent } from 'vue';
    const component: ReturnType<typeof defineComponent>;
    export default component;
}

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型,相比 3.0 版本,它提升了图像质量、运行速度和硬件效率

使用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 ]
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值