Vue3+TS+Vite 找不到模块“@/components/xxx/xxx”或其相应的类型声明。

Vue3+TS+Vite 找不到模块“@/components/xxx/xxx”或其相应的类型声明。

今天在写vue3项目时碰到一个问题,引入自定义的词云图组件一直报错,提示找不到模块

https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw

文件是存在的,引入路径也是对的。于是直接百度解决方案

有一些解决方案是在tsconfig.json里面做一些配置,这里我就不说了,大家可以自行百度,还有一种是在项目根目录建立一个 env.d.ts文件,写如下配置

declare module "*.vue" {
    import { ComponentOptions } from "vue";

    const componentOptions: ComponentOptions;

    export default componentOptions;
}

但是这些解决方案都没有解决我的问题,最后抱着试一下的心态加上了文件 .vue后缀
在这里插入图片描述
问题解决,vscode自动引入时是不会加 .vue后缀的,在使用vue3引入组件时最好还是养成加后缀的习惯。

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值