第一种 方法就是在env.d.ts 里面添加下面代码 1declare module '*.vue'{2import type { DefineComponent } from 'vue'3//eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types4const component: DefineComponent<{}, {}, any>5exportdefaultcomponent6} 如图 第二...
意思是说找不到对应的模块“@/views/xxx.vue”或其相应的类型声明 因为ts只能解析 .ts 文件,无法解析 .vue文件 解决方法很简单,一开始的时候env.d.ts是空文件(如vite-env.d.ts),我们可以在项目的env.d.ts中引入如下代码: declaremodule'*.vue'{ import{DefineComponent}from"vue" constcomponent:DefineCompone...
import('@/'+ path +'.vue') PS:import使用模板字符串会报错,require不会
在src目录下创建env.d.ts文件 declare module "*.vue" { import type { DefineComponent } from "vue"; // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types const component: DefineComponent<{}, {}, any>; export default component; } image.png最后编...
情况1: 如果src下面已经有vite-env.d.ts文件,直接添加以下代码 declaremodule'*.vue'{importtype{DefineComponent}from'vue';constvueComponent:DefineComponent<{},{},any>;exportdefaultvueComponent;} image.png 情况2:如果src下面没有vite-env.d.ts文件 ...
Vue 3+TS项目,找不到模块“xxx.vue”或其相应的类型声明问题,在项目根目录或src文件夹下创建一个后缀为.d.ts的文件,并写入以下内容:```tsdeclaremodule"*.vue"{import
import { ComponentOptions } from 'vue' const componentOptions: ComponentOptions export default componentOptions } 以上解决方式可以解决问题,但是这个文件需要一直打开,不想总是打开shims-vue.d.ts来解决 TS 报错? 那么你可以在项目跟目录创建一个tsconfig.json文件,文件内容为: ...
解决办法: env.d.ts 新增代码片段: declare module "*.vue" { import type { DefineComponent } from "vue"; // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types const component: DefineComponent<{}, {}, any>; ...
最近在做Vue3项目的时候,会看到这样一个报错,找不到模块 .vue文件,可能是ts文件无法识别vue后缀的文件导致的,上网搜索了一下发现尤大大给出了解决方案。 解决方案如下:在目录中创建一个shims.d.ts文件(叫什么名不重要,重要的是.d.ts后缀),里面写上 ...