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引入组件时最好还是养成加后缀的习惯。

猜你喜欢

转载自blog.csdn.net/xiamengge/article/details/129167250