当创建好vue项目之后报错,找不到“模块./App.vue”或其相应的类型声明

问题描述:main.ts文件报错

问题解决:在env.d.ts文件下加下面的代码

declare module '*.vue' {
    import { ComponentOptions } from 'vue'
    const componentOptions: ComponentOptions
    export default componentOptions
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在使用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 ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值