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 }