关于Vue3+Typescript import vue 文件报红问题

最新推荐文章于 2025-02-27 07:54:35 发布

[十九]统一老坛

最新推荐文章于 2025-02-27 07:54:35 发布

阅读量5.6k

点赞数 2

分类专栏： Vue3学习笔记文章标签： vue typescript

本文链接：https://blog.csdn.net/qq_32805013/article/details/123282740

版权

Vue3学习笔记专栏收录该内容

6 篇文章

订阅专栏

博客介绍了在Vue CLI项目中遇到shims-vue.d.ts文件未被正确配置导致的类型检查报错问题。尽管Vue CLI默认包含了这个文件，但tsconfig.json的配置未包含该文件路径，因此需要更新tsconfig.json，确保它能匹配到src目录下的shims-vue.d.ts，从而解决报错。此外，文章指出其他类型的报错通常可以通过添加.d.ts文件进行类型声明来解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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