vue3引入组件飘红？报错？没关系，一分钟解决它，全网最新2025年

项目场景：

提示：vue3项目引入常规自定义组件

例如：咱们这里举例的情况是在App.vue中映入一般自定义组件，页面效果显示正常，但是代码却爆红

---

问题描述

错误提示：无法找到模块

报错语句：无法找到模块“./components/HelloMorld.vue"的声明文件。“e:/In Work/study/vue3/hell0_vue3/src/components/Hel1oorld.vue"隐式拥有 "any”类型。

截图如下

---

原因分析：

提示：ts声明无效：

在这里，因为对.vue文件的声明无效，所以我们只需要追加声明让编译器编译时知道如何处置这种情况下的红线就行

---

解决方案：

提示：更改env.d.ts文件或检查插件

方法一：更改env.d.ts文件

在咱们的文件中找到env.d.ts，跟src文件夹同级，双击文件打开后直接添加下面的内容，然后保存关闭

declare module "*.vue" {
    import { DefineComponent } from "vue"
    const component: DefineComponent<{}, {}, any>
    export default component
}

方法二：检查插件

如果方法一不奏效，可以检查一下是不是插件没开启，比如vrtuer插件没关闭和office插件没开启
因为vue3.5之后更新了插件，以前的volar插件已经失效

如果没有的话，可以添加一下新插件

开发vue3时候记得关闭vetur插件
这时候我们再看就恢复正常了