vue3 + TS:找不到模块“@/views/xxx.vue”或其相应的类型声明,ts语法报错

今天在项目开发中遇到一个 vue3 + Ts 的一个问题,项目运行没问题,但是就是代码就是报ts语法错误,如下:

原因:因为我们使用的是 ts 的语法,项目只识别 ts 后缀的文件,无法识别  .vue 文件,所以引入的时候会报错;

tips:这里只是 ts 语法警告报错,实际并不影响我们项目的运行!

解决:在 src 文件目录下新建一个 env.d.ts 文件,加入下面代码就解决了

方法一:
declare module '*.vue' {
   import type { DefineComponent } from 'vue'
   const component: ComponentOptions | ComponentOptions['setup']
   export default component
}

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

posted @ 2023-04-18 17:42  bug开发施  阅读(1505)  评论(0编辑  收藏  举报