这个问题目前已经有很多文章提出了正确的解决方案,即增加 shims-vue.d.ts 文件来解决

/* eslint-disable */
declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default component
}

但是其实在VueCli创建的项目中其实是默认带 上这个文件及代码的,但是仍然会报红,

其实是因为虽然带了,但是 tsconfig.json 内并没有成功配置上这个文件

默认的配置只匹配了src下一级及以后的目录内的文件(猜测,实际待解答),而 shims-vue.d.ts 文件在src目录下导致无法匹配,所以在第一行加上ts文件检测就可以了

OK,解决报红问题,其他报红但是不影响运行的问题基本基本都是靠配置 .d.ts 文件来解决的

本人 菜鸡,问题解答有误请指正。谢谢!!!

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐